vue自定义事件的使用

1.适用于场景: 子组件给父组件传递数据

2.书写形式:

子组件

this.$emit("xxx", params);

父组件

<button @xxx="fn">click</button>

methods: {

    fn(){},

}

或

this.$on("xxx", (params)=>{});

3.注意在 mounted 钩子中绑定回调

4.注意在 beforeDestroy 钩子中解绑事件 this.$off("xxx");

5.绑定自定义事件时，回调 要么配置在methods中，要么用箭头函数，否则this指向会出问题！(this为触发事件的子组件)