vue3怎么取input值

在Vue 3中获取input的值可以使用`v-model`指令来实现双向绑定。具体步骤如下：

1. 在Vue组件的模板中，使用`v-model`指令将input元素与组件中的一个变量进行绑定。例如：

<template>
  <div>
    <input v-model="inputValue" type="text">
    <button @click="handleClick">获取输入值</button>
  </div>
</template>

2. 在Vue组件的`data`选项中定义一个变量，用于保存input的值。例如：

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleClick() {
      console.log(this.inputValue); // 在点击按钮时获取输入值
    }
  }
}
</script>

这样，当用户在input框中输入内容时，`inputValue`变量会自动更新。你可以在需要的时候访问`this.inputValue`来获取最新的input值。