在Vue中如何处理用户输入和事件？

在Vue中，我们可以使用v-on指令（简写为@）来监听DOM事件和自定义事件。代码讲解

<div id="app">  <button @click="handleClick">点击我</button>  <input @input="handleInput" placeholder="输入一些文字">  <p>{{ message }}</p></div><script>new Vue({  el: '#app',  data: {    message: ''  },  methods: {    handleClick() {      alert('按钮被点击!')    },    handleInput(event) {      this.message = event.target.value    }  }})</script>

在上述示例中，我们使用@click指令监听按钮的点击事件，并在handleClick方法中弹出提示框。另外，我们还使用@input指令监听输入框的输入事件，并在handleInput方法中更新message数据。