vue中子向父组件动态传值

在Vue中，子组件向父组件传递动态值，可以通过使用自定义事件来实现。

首先，在子组件中定义一个方法，用于触发自定义事件并传递值。例如：

methods: {
  sendData() {
    this.$emit('customEvent', '传递的值');
  }
}

然后，在父组件中使用子组件，并监听子组件触发的自定义事件。例如：

<template>
  <div>
    <child-component @customEvent="handleCustomEvent"></child-component>
    <!-- ... -->
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleCustomEvent(value) {
      // 在这里处理传递的值
      console.log(value);
    }
  }
}
</script>

这样，当子组件调用`sendData`方法时，会触发父组件中的`handleCustomEvent`方法，并将传递的值作为参数传入。父组件即可获取到子组件传递的动态值。

需要注意的是，父组件中的方法名`handleCustomEvent`可以根据实际情况自行命名，但要保持与子组件中触发自定义事件时指定的事件名一致（这里是`customEvent`）。