vue 组件
- 组件基础
- 一般会将 Vue 组件定义在一个单独的.vue文件中,这被叫做单文件组件。defineProps() 定义props数据传送,defineEmits() 定义监听事件。
- 组件注册
- 使用 app.component 来注册全局组件。在&;t;script setup>,导入的组件会自动进行局部注册,在 非 setup 中,使用 components 选项注册局部组件。
- props 数据
- props 单项数据流。父组件向子组件单向传递数据。在子组件中 defineProps() 或者 props 选项 接收。
- 组件事件
- 组合式 API 编程中,使用 defineEmits() 定义事件,emit() 触发事件。
- attribute 透传
- 把 attribute 透漏给一个组件,或者把 v-on 事件监听器传递一个组件。自动添加到根元素的 attribute 中。
- 依赖注入
- 祖先组件由 provide() 提供数据,子孙组件由 inject() 接收数据。
- 插槽 slot
- 把模板片段传递给子组件,并让子组件在其自己的模板中渲染该片段
- 异步组件
- 在大型项目中,我们可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件。Vue 提供了一个 defineAsyncComponent 方法