Vue组件化（vue2与vue3）

Vue组件化（vue2与vue3）

1. 在vue2中组件的通信方式

1.1 组件常用的通信方式

• props、eventbus、vuex、自定义事件
• 边界情况 $ parent 、$ children 、$ root 、$ refs、provide/inject
• 非prop特性$ attrs 、$ listeners

A、在父对子传值用props，子对父传值可以用自定义事件emit出去

B、在任意两个组件之间传值一般我们会想到vuex的方式，这个具体怎么用请看文档（vue2），或等下回分解（要和vue3中做对比的）；或者使用公共依赖vue-bus（npm install vue-bus）；

C、$ attrs，这个是包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class和style除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class和style除外)，并且可以通过v-bind="$attrs"传入内部组件——在创建高级别的组件时非常有用
【为什么会有这么一个玩意？可以简单的理解，因为在v-for中需要绑定一个key，这个key一般在组件中是没有props去声明的，因此需要有这么一个特性去解决】

获取值如下：

this.$attrs<