Vue的组件通信

2020-04-26  本文已影响0人  wyc0859

1、父组件向子组件 props

用props进行组件间的通信可以轻而易举的实现父往子传值

2、子组件向父组件 $emit

使用$emit触发自定义事件,实现子向父传值

3、爷孙孙孙组件 provide和inject

不论组件层次有多深,并在起上下游关系成立的时间里始终生效。
https://www.jianshu.com/p/6c76b8c741c2

4、兄弟组件之间相互传递数据 Bus总线 $on和$emit

https://www.jianshu.com/p/69fd4b19aeb3

5、任意组件相互传递数据:兄弟、父子、爷孙 Vue.observable

可以用作简单场景的最小跨组件状态存储
https://www.jianshu.com/p/b4962f7fec07

6、$parent 和 $children

利用$children可以直接获取子组件的实例,利用$parent则可以直接获取到父组件的实例
https://www.jianshu.com/p/e0d0125f8dd9

7、VUEX

上一篇 下一篇

猜你喜欢

热点阅读