VUE组件间传值及适用场景

VUE通信

你好，很开心能分享自己GET到的VUE组件间传值的相关知识点。

VUE组件间通信可大致分为三类：

1. 父子通信
2. 兄弟通信
3. 跨级通信

而VUE中可使用的通信方式有

1. props选项与$emit搭配方式
2. ref方式
3. $attrs和$listeners搭配方式
4. provide和inject方式
5. bus
6. vuex和Storage搭配方式

其中，VUEX方式是被广泛认为很适合较复杂项目的最佳方式。显而易见，并不是所有场景都适合使用VUEX的，那么各种方式都有何使用的场景呢？其实在实际项目中使用过后对各个方式的感受也就很明显了。今天博客第一天，先简单的做一下上面内容的归纳。具体的语法有很多优秀文章可以搜到，我就不献丑啦！各大框架的底层学习即将开启~~~

父子通信

可以使用：

1. props选项与$emit搭配方式
2. ref方式
3. attrs和attrs和listeners搭配方式
4. provide和inject方式

兄弟通信

可以使用：

1. bus
2. vuex和Storage搭配方式

跨级通信

可以使用：

1. $attrs和$listeners搭配方式
2. provide和inject方式
3. bus
4. vuex和Storage搭配方式