Vue中的传值方法

1.父子组件

   父向子:通过props属性来传递数据给子组件。在父组件中通过属性的方式将数据传递给子组件，在子组件中使用props属性来接收传递的值。

v3中也可以使用ref

子向父:在子组件中，通过$emit方法触发事件，并将数据作为参数传递给父组件,在父组件中，在子组件标签上使用v-on指令绑定事件，并在方法中接收子组件传递的数据

2.Vuex

Vuex作用相当于一个用来存储公共变量的容器

Vuex是Vue的状态管理库，可以用于在多个组件之间共享数据。通过定义store，可以在任何组件中访问和修改存储在store中的数据

3.兄弟

可以采取 eventbus 实现数据传递,但是这种方式我们在开发中基本不用,多组件共享数据都是用的

• 创建一个中央事件总线EventBus
• 兄弟组件通过$emit触发自定义事件，$emit第二个参数为传递的数值
• 另一个兄弟组件通过$on监听自定义事件

4.祖先与后代

• 在祖先组件定义provide属性，返回传递的值
• 在后代组件通过inject接收组件传递过来的值