Vue-43、Vue中组件自定义事件

1、给学生绑定atguigu事件

Vue-43、Vue中组件自定义事件_第1张图片Vue-43、Vue中组件自定义事件_第2张图片

2、在组件内触发事件

Vue-43、Vue中组件自定义事件_第3张图片
第二种写法

Vue-43、Vue中组件自定义事件_第4张图片
Vue-43、Vue中组件自定义事件_第5张图片
Vue-43、Vue中组件自定义事件_第6张图片
Vue-43、Vue中组件自定义事件_第7张图片

传多个参数。
Vue-43、Vue中组件自定义事件_第8张图片
Vue-43、Vue中组件自定义事件_第9张图片
Vue-43、Vue中组件自定义事件_第10张图片

解绑
解绑一个事件

Vue-43、Vue中组件自定义事件_第11张图片
Vue-43、Vue中组件自定义事件_第12张图片
解绑多个自定义事件

this.$off(['xxx1','xxx2']);

解绑所有事件

this.$off();

总结
Vue-43、Vue中组件自定义事件_第13张图片

你可能感兴趣的:(vue,vue.js,前端,javascript)