在Vue.js中单击按钮时清除文本字段？

data() {
  return {
    textValue: ''
  }
}

<input type="text" v-model="textValue">
<button @click="clearText">Clear</button>

methods: {
  clearText() {
    this.textValue = '';
  }
}

<template>
  <div>
    <input type="text" v-model="textValue">
    <button @click="clearText">Clear</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      textValue: ''
    }
  },
  methods: {
    clearText() {
      this.textValue = '';
    }
  }
}
</script>