Vue 三种常用获取input值的方法

转：Vue 三种常用获取input值的方法

3. ref 获取数据

//这种方式类似于原生DOM,但是ref获取数据更方便
    <template>
      <div class="class">
          <input type="text" ref="getValue" />
          <button @click="subbmitButton">获取表单数据</button>
      </div>
    </template>
    <script>
    export default {
      name: "page",
      data() {
      },
      methods: {
            subbmitButton(){
              console.log(this.$refs.getValue.value)
            }
          }
    }
  </script>