vue3使用v-model传参

在Vue3中，`v-model`指令用于双向数据绑定，即当用户修改表单输入字段的内容时，视图会自动更新对应的属性值，反之亦然。如果你想通过`v-model`传递参数，通常是在组件之间共享状态或者作为函数的返回值，我们可以这么做：

1. **传递给组件**: 当你在父组件里使用`v-model`绑定一个变量，并将该变量作为props传给子组件，例如：

<!-- 父组件 -->
<template>
  <child-component :value="parentValue" v-model="inputValue"></child-component>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
  components: {
    ChildComponent: { props: ['value'] }, // 子组件接受value prop
  },
};
</script>

2. **函数参数**: 如果你想在某个方法内部使用`v-model`，可以把`v-model`绑定的数据作为函数参数，如：

methods: {
  submitForm(inputValue) {
    console.log('Form submitted with:', inputValue);
  }
}

然后在模板中使用：

<button @click="submitForm(inputValue)">Submit</button>