vue将获取文本框中的读数并记录

在 Vue.js 中，你可以通过监听文本框（input元素）的 `input` 事件来实时获取用户输入的值并将其记录下来。以下是一个简单的示例：

<template>
  <div>
    <input type="text" v-model="inputValue" @input="handleInput">
    <p>当前输入值: {{ inputValue }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
  methods: {
    handleInput(e) {
      // 当用户在输入框中输入文字时，这个方法会被触发
      console.log('用户输入:', e.target.value);
      // 这里还可以选择将输入值直接存储到数据中，如更新 `inputValue`
      this.inputValue = e.target.value;
    },
  },
};
</script>

在这个例子中，`v-model` 是双向绑定的简写，它将 `inputValue` 数据属性与文本框的内容关联起来。每当用户在输入框中输入内容，`handleInput` 方法就会被调用，显示新的输入值，并将其保存回 `inputValue` 变量。

如果你想在页面初始化时就有一个默认值，可以在 `data()` 函数中定义：

data() {
  return {
    inputValue: '初始值',
  };
},