在vue中子组件如何向父组件传值

代码如下

父组件

子组件

运行结果： 

运行过程：

第一步： 在子组件中设置触发事件（如：@click），然后触发子组件methods中的 方法

第二步： 在子组件methods中，调用对应方法，其中this.$emit（‘自定义事件’， ‘传递的数据’）可以触发父组件的自定义事件 ，（在这里一定要注意在父组件的自定义事件中，事件函数名字要与子组件函数调用的名字保持一致，即：上文中 父组件中 @handleDataParent  与子组件 中触发的自定义方法名一致）

第三步： 父组件中监听事件的触发，如果触发，通过形参来接受数据，从而完成了数据从子组件向父组件传递的过程