第十二讲、Vue3.x组件自定义事件 以及mitt 实现非父子组件传值

一、父子组件介绍

二、Vue3.x组件自定义事件实现子组件给父组件传值

注意： Vue官方推荐你始终使用 kebab-case 的事件名。

子组件DatePicker.vue

父组件Home.vue

三、Vue3.x组件自定义事件验证

子组件：

父亲组件：

四、vue3.x第三方插件mitt 实现非父子组件传值

https://github.com/developit/mitt

Vue3.x以后从实例中移除了 $on，$off 和 $once 方法，$emit 仍然是现有 API 的一部分，只能实现子组件触发父组件的方法。

使用mitt之前先安装mitt模块

 npm install --save mitt

3.1、新建model/event.js

import mitt from 'mitt'
const VueEvent = mitt();

export default VueEvent;

3.2、Header组件

3.3、Login组件