vue:子组件像父组件传值

子组件向父组件传值可以使用$emit方法。具体步骤如下：
1.在子组件中使用$emit方法触发自定义事件，并且将需要传递的数据作为参数传入。
2.在父组件中使用v-on指令监听子组件的自定义事件，并且在定义的事件处理函数中获取子组件传递的数据。
下面是具体的代码实现：
子组件：

<template>
  <div>
    <button @click="sendData">向父组件传递数据</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'hello'
    }
  },
  methods: {
    sendData() {
      // 使用 $emit 方法触发自定义事件，将需要传递的数据作为参数传入
      this.$emit('child-msg', this.message)
    }
  }
}
</script>

父组件：

<template>
  <div>
    <Child @child-msg="handleMsg"></Child>
    <p>父组件接收到的数据：{{parentMsg}}</p>
  </div>
</template>

<script>
import Child from './Child.vue'

export default {
  components: {
    Child
  },
  data() {
    return {
      parentMsg: ''
    }
  },
  methods: {
    handleMsg(msg) {
      // 在定义的事件处理函数中获取子组件传递的数据
      this.parentMsg = msg
    }
  }
}
</script>

--相关问题--: