父传子 (父组件传值给子组件 子组件用props接收值)

一、 父组件如何向子组件传值

1、示例

 父组件

子组件

在子组件里面通过props接收父组件传过来的数据

结果：

子传父(在上面基础上来添加代码)

 父组件

1.使用@定义一个事件并绑定一个函数用来接收子组件传的值

子组件

在一个button中绑定一个点击事件，点击触发后使用$emit触发在父组件中自定义的事件

结果：