vue组件通讯方法总结

前端晋级攻城狮

2019-08-28 178 阅读1分钟

组件间不同的使用场景可以分为 3 类，对应的通信方式如下：

父子通信：Props / $emit，$ emit / $on，Vuex，$ attrs / $listeners，provide/inject，$ parent / $children＆$ refs

兄弟通信： $emit /$ on，Vuex

隔代（跨级）通信： $emit / $ on，Vuex，provide / inject， $attrs /$ listeners