下面小编就为大家分享一篇对vue.js中this.$emit的深入理解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
对于vue.js中的this.emit的理解：this.emit(‘increment1′,”这个位子是可以加参数的”)；其实它的作用就是触发自定义函数。
看例子：
<title></title> <div id="counter-event-example"> <p>{{ total }}</p></div><b style="color:transparent">本文来源gao@!dai!ma.com搞$$代^@码网*</b>
对上面的例子进行进一步的解析：
1、首先看 自定组件button-counter ，给其绑定了方法 ：increment；
2、点击button时会执行函数 increment，increment中有 this.$emit(‘increment1′,”这个位子是可以加参数的”);
3、当increment执行时，就会触发自定函数increment1，也就是incrementTotal1函数；
4、而increment执行时没有触发自定义函数increment2，所以点击第二个按钮不执行incrementTotal2的函数。
以上就是对vue.js中this.$emit的深入理解的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：对vue.js中this.$emit的深入理解
转载请注明原文链接：对vue.js中this.$emit的深入理解
