广州凡科互联网科技有限公司

营业时间
MON-SAT 9:00-18:00

全国服务热线
18720358503

公司门店地址
广州市海珠区工业大道北67号凤凰创意园

Vue中弟兄部件怎样通讯

日期:2021-04-08 浏览:
body   div id="a"   aaa /aaa   bbb /bbb   /div   template id="b"   button @click="add" 点一下:{{ num }} /button   /template   /body   script  var bus = new Vue();// 简易情景下可使用bus // 子部件aaa&ponent('aaa', {  template: '#b',  data: function() { return {  num: 0 }  },  methods: {  add: function() {  bus.$emit('addEvent', ++this.num);  }  },  mounted: function() {  var This=this;  bus.$on('addEvent', function(val) {  This.num=val; })  } }) // 子部件bbb&ponent('bbb', { template: '#b', data: function() { return { num: 0 } }, methods: { add: function() { bus.$emit('addEvent', ++this.num); } }, mounted: function() { var This = this; bus.$on('addEvent', function(val) { This.num=val; })} }) new Vue({ el: '#a' })  /script
根据前文编码能够清楚的看得出,她们中间的通讯关键应用$emit开展互动,针对这类编码专业知识,时尚博主還是提议大伙儿多多的亲身运作试着,还可以看一下vue中父子俩部件怎样通讯。

一点PHP,每日一点技术性共享。



新闻资讯

联系方式丨CONTACT

  • 全国热线:18720358503
  • 传真热线:18720358503
  • Q Q咨询:2639601583
  • 企业邮箱:2639601583@qq.com

首页
电话
短信
联系