//1. 能够触发当前组件标签身上定义的一个事件
//2. 要触发当前组件标签身上的fn这个事件
//3. 所以我们要给当前组件标签注册一个fn事件
//4. 通过@就是v-on的缩写 @fn=""
//5. 因为注册了fn事件,所以需要一个事件函数 @fn="getMsg"
//6. 第五步上面的这个getMsg 这个方法要定义在父组件的methods里面,因为
// <div id="app">
// <com2 @fn="getMsg"></com2>
// </div>
// 这个结构是父组件的所监管的区域
// 当我们在父组件的methods中定义完 getMsg 后
// 我们再去点击 发送数据 按钮的时候 发生了什么?
// 第一步 : 触发了sendMsg这个方法
// 第二步 :因为sendMsg内部又触发了fn事件
// 第三步 : fn事件被触发 getMsg 函数就被调用了
// 我们就完成了点击子组件触发了父组件中的函数
// 如果我们要传数据 this.$emit('fn',this.sonmsg)在$emit的第二个参数传递即可
// 父组件的getMsg通过形参来接受即可
$emit是如何向父组件传递数据的?
最新推荐文章于 2023-08-04 07:45:00 发布