vue中子组件向父组件传值

子组件向父组件传值(通过this.$emit())

子组件创建并监听自定义函数，在自定义函数里面指定this.$emit()函数，通过this.$emit()把想传的值传给父组件，父组件在子组件上监听this.$emit()中定义的事件名称并绑定父组件自身的函数，在函数的参数中接收子组件传递的参数。

具体操作

1、父组件

<!-- 父组件 -->
<template>
  <div class="home">
    父组件
    <hr>
    // 父组件在子组件上监听this.$emit()中定义的事件名称并绑定到父组件自身的函数上
    <child @func="transmit"></child>