1、props和$emit 

vue常用组件通信 随笔

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

2、$attrs和$listeners 

3、中央事件总线  bus

//main.js


new Vue({
  el: '#app',
  router,
  i18n,
  store,
  components: {App},
  template: '<App/>',
  beforeCreate () {
    Vue.prototype.bus = this
  }
});
//A组件中提交：
this.bus.$emit('VListSearch',this.searchKeyWord)
//B组件中几桶：
mounted(){
  this.bus.$on('VListSearch',(val)=>{
    this.searchKeyWord = val;
  });
}

4、$parent和$children

this.$parent.message = this.mymessage;//通过如此调用可以改变父组件的值

this.$children[0].mymessage = 'hello';

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄