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，每日一点技术性共享。

• 上一篇：O2O商城系统开发-这种广告宣传宣传海报设计方案
• 下一篇：没有了