父子组件数据传递

一、父组件向子组件传递数据

1.1 父组件向子组件传递数据，使用props属性的方式

在子组件中使用props属性进行声明

二、子组件向父组件传递数据

2.1 通过组件的$emit方法；

第一个参数是自定义事件的名字，后面的参数是从子组件传递给父组件的数据，是可选的。要传递几个数据，就将这几个数据作为参数放进该命令中。

// 父组件

// 子组件

三、父组件调用子组件方法

3.1 通过ref直接调用子组件的方法；

// 父组件

// 子组件

3.2 通过组件的$emit、$on方法；

// 父组件

// 子组件

四、子组件调用父组件方法

4.1 this.$parent.event；

// 父组件

// 子组件

4.2 通过组件的$emit方法；

// 父组件

// 子组件