本文实例讲述了某视频剪辑软件实例事件。分享给大家供大家参考，具体如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title vue实例事件/title脚本类型=' text/JavaScript ' src=' http :https://cdn。bootcss。com/vue/2。6 .10/vue。量滴js '/script/headdyh1vue实例事件/h1 HR div id=' app ' p { { num } }/p p按钮@ click=' add ' add/button/p/div buttonn click=' reduce()' reduce/button/ppbuttonn click=' reduce once()' reduce once/button/ppbuttonn click=' off()'关闭事件/button/p/body/html脚本var app=new Vue({ El : ' # app }，data: { num:1 }，methods : { add : function(){ this。num } }，}) //在构造器在一直调用一次只能调用一次应用程序.$on('reduce '，function(){ this。num-；console.log('执行了减少方法)}) app .$once('reduceonce '，function(){ this。num-；console.log('执行了减少一次方法)})函数reduce(){ //emit触发当前实例上的事件应用程序.$ emit(' reduce ')；}函数reduceonce(){ app .$ emit('减一')；}//$关关闭事件函数off(){ app .$ off(' reduce ')；console.log('关闭了减少')}/脚本运行结果：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://工具。JB 51。net/code/HTMljsrun测试上述代码运行效果。

希望本文所述对大家vue.js程序设计有所帮助。