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


注意:1. vue组件间的通信其实有很多种方法,最常用的还是属性传值、事件传值、vuex;

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

一、父组件->子组件

  (1)直接关系:

    1. 属性传值(props)

    2. $children(数组)

    3. $refs

  (2)跨多层关系:

    1. provide / inject

二、子组件->父组件

  (1)直接关系:

    1. 事件传值

    2. $parent

  (2)跨多层关系:

    1. 暂无

三、兄弟组件

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

 

 

 

 

 

 

 

 

 

 

 

  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM