本文介绍了在vue-cli中组件通信的方法,分享给大家。具体如下:
vue组件之间的通信包括三种:
1.父组件向子组件通信 2.子组件向父组件通信 3.同级组件之间的通信
一.父传子组件通信
拿app.vue当父组件,content.vue当子组件
1.父组件中导入子组件(子组件导出)
2.在父组件中注册子组件
3.子组件通过props来接收数据
二.子与父组件通信
子组件:
methods: {
down() {
this.$emit('down','null'); //主动触发down方法,'null'为向父组件传递的数据
}
}
父组件:
methods: { changes(msg) { this.test= test; } }二.非父子组件通信
组件1触发:
methods:{
eve(){
a.$emit("change",'null')
}
}
组件2接收:
created(){ a.$on('change',()=>{ this.msg = 'null' }) }