vue定义一个按钮，点击删除当前文本

在Vue.js中，你可以通过模板语法轻松地定义一个按钮，并绑定`@click`事件来实现删除当前文本的功能。首先，你需要有一个包含文本的元素，比如`v-model`指令用于双向数据绑定。然后，创建一个按钮并监听其点击事件。

<template>
  <div id="app">
    <input type="text" v-model="currentText" />
    <button @click="deleteText">删除</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentText: '',
    };
  },
  methods: {
    deleteText() {
      // 当点击删除按钮时，清除输入框的内容
      this.currentText = '';
    },
  },
};
</script>

在这个例子中，当你点击“删除”按钮时，`deleteText`方法会被触发，将`currentText`的数据清空，从而达到删除当前文本的效果。