vue父子组件、兄弟组件之间的通讯和访问

注意:1. vue组件间的通讯其实有不少种方法,最经常使用的仍是属性传值、事件传值、vuex;vue

    其余方法参考 https://juejin.im/post/5bd18c72e51d455e3f6e4334?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.comvuex

1、父组件->子组件

  (1)直接关系:数组

    1. 属性传值(props)ide

    2. $children(数组)post

    3. $refs
spa

  (2)跨多层关系:code

    1. provide / injectxml

2、子组件->父组件

  (1)直接关系:事件

    1. 事件传值ip

    2. $parent

  (2)跨多层关系:

    1. 暂无

3、兄弟组件

  (1)使用事件中心,实例化一个空的 Vue 实例(建议使用vuex) 

相关文章
相关标签/搜索