vue3语法糖动态获取输入框的数据

在Vue 3中，你可以使用v-model指令来实现获取输入框的数据。v-model指令是一个语法糖，它结合了:value和@input事件。

下面是一个示例，演示如何动态获取输入框的数据：

<template>
  <div>
    <input v-model="inputValue" type="text">
    <button @click="showInputValue">获取输入框的数据</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    showInputValue() {
      console.log(this.inputValue);
    }
  }
};
</script>

在上述示例中，我们使用v-model指令将输入框的值绑定到了`inputValue`属性上。当输入框的值发生变化时，`inputValue`的值也会随之更新。点击"获取输入框的数据"按钮时，会调用`showInputValue`方法，打印出`inputValue`的值。

这样，你就可以动态获取输入框的数据了。