《1-6 1.4.7Vue的实例事件ppt课件 Vue.js基础与应用开发实战（微课版）.pptx》由会员分享，可在线阅读，更多相关《1-6 1.4.7Vue的实例事件ppt课件 Vue.js基础与应用开发实战（微课版）.pptx（7页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、1-6 1.4.7 Vue的实例事件教学课件 Vue.js基础与应用开发实战（微课版）1.4.7 Vue的实例事件1vm.$on(event,callback)$on在构造器外部添加事件，用于监听当前实例上的自定义事件，$on接收两个参数，第一个参数是调用时的事件名称，第二个参数是一个匿名函数。该事件可以由vm.$emit触发，回调函数会接收所有传入事件触发函数的额外参数。例如：vm.$on(test,function(msg)console.log(msg)vm.$emit(test,hi)/=hi2vm.$once(event,callback)用于监听一个自定义事件，但是只触发一次。一旦
2、触发之后，监听器就会被移除。例如：vm.$once(reduceOnce,function()console.log(只执行一次的方法););3vm.$off(event,callback)用于移除自定义事件监听器，关闭事件。如果没有提供参数，则移除所有的事件监听器；如果只提供了事件，则移除该事件所有的监听器；如果同时提供了事件与回调，则只移除这个回调的监听器。例如：function off()console.log(关闭事件);vm.$off(reduce);4vm.$emit(eventName,args)触发当前Vue实例上的事件，附加参数都会传给监听器回调。例如：function reduce()/事件调用 console.log(emit事件调用);vm.$emit(reduce);快乐学习！高效学习！快乐学习！高效学习！祝学习进步！祝学习进步！