vue中父组件与子组件之间的数据交流

一、父组件调用子组件

父组件：

在子组件中[@自定义事件]

例子：<子组件 @自定义事件=‘方法A’></子组件>

methods -> 新加[方法A]来接收子组件的数据

例子：方法A（子数据）{this.数据 （在父组件data新new数据接收） = 子数据}，之后再父组件中使用新new的参数值。

子组件：

this.$emit('自定义事件'，子组件中的数据（属性）)

[前提是在子组件中的mounted调用]

二、子组件调用父组件

子组件：

与data（）{}同级下props:[‘子组件数值’,...]

父组件：

<父组件 :子组件=‘子组件数值’></父组件>

三、同级组件调用

接收：this.$on()

发送：this.$emit('', 传值)

注意：需要创建一个新的vue对象