vue 父组件向子组件传值，父组件方法获取子组件最新的修改值

在Vue中，父组件向子组件传递数据通常使用props属性，而子组件需要更新的数据通过事件（如$emit）告知父组件。如果父组件想要获取子组件最新的修改值，可以按照以下步骤进行：

1. **父组件设置接收值**：
父组件在模板上声明一个prop接收子组件返回的值：

   <child-component :value="parentValue"></child-component>

并初始化该值：

   export default {
     data() {
       return { parentValue: '' };
     },
   };

2. **子组件触发更新并发送新值**：
子组件内部有变化时，使用`this.$emit('update:value')`通知父组件更新值，同时提供新的值作为参数：

   <template>
     <input v-model="localValue" @input="handleChange">
   </template>

   methods: {
     handleChange(e) {
       this.$emit('update:value', e.target.value);
     }
   }

3. **父组件监听子组件更新**：
在父组件的`methods`里，监听`update:value`事件，并在事件回调中获取最新的值：

   methods: {
     handleUpdate(value) {
       this.parentValue = value;
     },
   },
   // 在子组件标签上添加事件绑定
   <child-component @update:value="handleUpdate"></child-component>