vue $emit什么意思?

第一次接触vue时候发现了 $emit,一脸懵逼,不知道是个什么玩意。
但是清楚了vue的父子组件后就明白了$emit的意思。
这里简单的做个demo展示一下。
1.首先创建子组件与父组件,注意看我的层级关系。
demo.vue为主文件,child为子组件
vue $emit什么意思?
2. @tap=“one” 对应 methods内的one(){}方法。如下图:
vue $emit什么意思?
3.点击child子组件内的one方法就会触发如下$emit(代码的第20行),
这时候你会看到 two,two是什么呢?我们到第4部就知道了:
vue $emit什么意思?
4.这里我们来到了父组件(demo.vue),你就会发现two是从这里传过去的
vue $emit什么意思?
5.为了便于区分,这里我又定义了three,three是父组件demo.vue的方法:
vue $emit什么意思?
6.最后console.log 执行一下,查看控制台,看一下这两个方法的加载顺序:
先加载子组件的one方法,后加载父组件的three方法:
vue $emit什么意思?