对vue.js中this.$emit的深入理解

对于vue.js中的this.emit的理解：this.emit(‘increment1',”这个位子是可以加参数的”)；其实它的作用就是触发自定义函数。

目前成都创新互联公司已为1000+的企业提供了网站建设、域名、雅安服务器托管、网站托管、服务器托管、企业网站设计、潼南网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

看例子：

 
 




 
{{ total }}
 
 

对上面的例子进行进一步的解析：

1、首先看 自定组件button-counter ，给其绑定了方法 ：increment；

2、点击button时会执行函数 increment，increment中有 this.$emit(‘increment1',”这个位子是可以加参数的”);

3、当increment执行时，就会触发自定函数increment1，也就是incrementTotal1函数；

4、而increment执行时没有触发自定义函数increment2，所以点击第二个按钮不执行incrementTotal2的函数。

以上这篇对vue.js中this.$emit的深入理解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。