vue基础之父子组件传值

父组件向子组件传递值

1.父组件通过prop将数据传递给子组件


这是 父组件 的 部分，miaosu 是在 data 中定义的变量。
如果需要从子组件获取 miaosu 的值，就需要使用 props: ['miaosu']

然后直接在子组件中使用this.miaosu既可以调取里面的数据。

子组件向父组件传递值

2.子组件通过$emit()进行传值。

在 Keep 中，使用了 $emit 来遍历 Memo 事件，并返回 OPTION
其中‘Memo’是 一个自定义的事件，功能类似于一个中转，OPTION值 将通过这个事件传递给父组件。

如图：因为‘Memo’是一个事件，所以在父组件使用@Memo进行调用,然后
在vue的methods中写入Memo（OPTION）{let a = OPTION}即可获取到从子组件传递过来OPTION值。