Vue01组件化实践-02组件通信边界情况

组件通信边界情况

demo github地址：feature/communicationOther 分支

• $parent 、 $children 、$root 、$refs
• 非Props特性（不需要Props）
  $attrs ( 祖先(定义属性名) --> 父(v-bind="$attrs") --> 子($attrs.祖先属性名) )
  $listeners ( 祖先(定义事件) --> 父(v-on="$listeners") --> 子($listeners.祖先事件) )
• provide / inject (跨层传参)

1. $parent 、 $children 、$root 、$refs

new Vue({
  router,
  store,
  render: h => h(App),
  methods : {
    handleRoot() {   
      return 'event from root'
    }
  }
}).$mount('#app')

2. $attrs 、$listeners 非Props特性

3.provide / inject (跨层传参)