清空 (@momo4) 在 vue3的useAttrs 中发帖
[image]
使用defineProps明确声明它将接收哪些属性。这些声明的属性称为声明为 props 的属性。
使用 useAttrs 的简单 Vue 3 项目演示
使用 useAttrs() 来处理传递给组件的非 props 属性(例如 HTML 的原生属性和自定义 data-* 属性)。以下是整个项目的创建步骤、项目结构和代码实现。
1. 创建项目
使用 Vite 和 TypeScript 创建 Vue 3 项目,运行以下命令:
# 使用 Vite 创建 Vue 3 项目,带有 TypeScript 支持
npm init vite@latest use-attrs-demo -- --template vue-ts
# 进入项目目录
cd use-attrs-demo
# 安装依赖
npm install
# 启动开发服务器
npm run dev
2. 项目...