【前端】vue之父子组件传值

方式1：props+$emit

父传子：

父组件向子组件传递参数是通过props属性的形式传入

1. 子组件配置props属性，其中填入父组件传入的参数名称
2. 父组件写入子组件，并在子组件中加入需要传入的参数
   注意，props属性为单向数据传输，即只能从父组件向子组件传递

子传父：

子组件向父组件传递参数是通过绑定子组件和父组件的事件，通过事件方法的参数方式传递参数

1. 在子组件的事件方法中通过$emit方法设置属性名称和参数
2. 在父组件中写入子组件并绑定emit方法中约定的属性名称及参数，并传入父组件的事件方法

方式2：$ref