VUE组件通信

父子通信

html

  
{{ message }}
  打开
  

js

Vue.component('child',{
template:`
我是儿子关闭
`
})
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!',
    ccc:false
  }
})

儿子没有办法自己关闭自己，需要告诉父亲，由父亲进行关闭。

兄弟通信

查看CSDN博客
博客2

爷孙通信

vue的爷孙通信特别麻烦，所以有了vuex。

孙子没有冒泡
不存在的，只能父子通信，如果你想爷孙通信，就传递事件吧，一层一层的传上来。

  
{{ message }}
  打开
  

Vue.component('child',{
  props:['visiable'],
template:`
我是老二

`
})
Vue.component('sunzi',{
  template:`
我是老三关闭
`
})
new Vue({
  el: '#app',
  data: {
    message: '我是老大',
    ccc:false
  }
})