vue中的自定义事件 和 组件上的 v-model

目录

1. 什么是自定义事件

2. 自定义事件的 3 个使用步骤

2.1 声明自定义事件

2.2 触发自定义事件

2.3 监听自定义事件

3. 自定义事件传参

4. 组件上的 v-model 

1. 为什么需要在组件上使用 v-model

 2. 在组件上使用 v-model 的步骤

5. 任务列表案例

1. 案例效果 ​编辑

2. 用到的知识点

 3. 整体实现步骤

6. 总结 

---

 

1. 什么是自定义事件

在封装组件时，为了让组件的使用者可以监听到组件内状态的变化，此时需要用到组件的自定义事件。

 

2. 自定义事件的 3 个使用步骤

在封装组件时：

①  声明自定义事件

②  触发自定义事件

在使用组件时：

③  监听自定义事件

 

2.1 声明自定义事件

开发者为自定义组件封装的自定义事件，必须事先在emits 节点中声明，示例代码如下：

 

2.2 触