组件通信

组件通信

父组件向子组件通信

1.props  v-model

2.$parent 严格意义上，不是值传递，不推荐使用 

子组件向父组件通信

1.$emit

2.$children  不推荐使用

注意this.$children是个数组，需要通过下标获取具体的组件

兄弟组件之间的传值

1.bus中央事件总线

非空的vue实例作为中央事件，结合实例方法$on 和 $emit

 2.vuex  state状态管理

3.不是方法的方法，通过父组件进行过渡

深层次嵌套，不知道嵌套了多少层

1.依赖注入   provide/inject     不推荐直接用于应用程序代码中    为高阶组件/组件库提供用例

顶层组件传值：

 

子集组件接收：

 

2.$attrs/inheritAttrs

当组件中没有声明props时，通过this.$attrs可以获取当前组件绑定的所有值

向下传递v-bind=$attrs,此时参数会显示在dom上，如果不想显示在dom上就向组件实例添加属性inheritAttrs：false