vue3动态绑v-model

在Vue3中，可以使用v-model指令来实现动态绑定。具体来说，可以使用v-bind指令将v-model绑定到一个变量上，然后在需要的时候动态修改这个变量的值。例如：

<template>
  <div>
    <input :value="inputValue" @input="updateInputValue">
    <button @click="resetInputValue">Reset</button>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    const inputValue = ref('')

    const updateInputValue = (event) => {
      inputValue.value = event.target.value
    }

    const resetInputValue = () => {
      inputValue.value = ''
    }

    return {
      inputValue,
      updateInputValue,
      resetInputValue
    }
  }
}
</script>

在上面的例子中，我们使用了ref函数来创建一个响应式变量inputValue，并将其绑定到input元素的value属性上。然后，我们定义了两个方法updateInputValue和resetInputValue来动态修改inputValue的值。