4、事件处理
Vue 提供了 v-on 指令来监听 DOM 事件，并调用方法。
基础事件处理
<button v-on:click="showAlert">Click me</button>
在 Vue 实例中定义 showAlert 方法：
methods: {
showAlert() {
alert('Button clicked!');
}
}
事件修饰符
Vue 支持一些事件修饰符来简化事件处理。
.prevent：调用event.preventDefault()。.stop：调用event.stopPropagation()。.capture：事件捕获模式。.once：事件触发一次后移除。- 示例：
<form v-on:submit.prevent="handleSubmit">Submit</form>
5、计算属性
计算属性（computed）是Vue中一种非常有用的功能，它允许你根据响应式数据计算出新的值
示例：
new Vue({
el: '#app',
data: {
firstName: 'John',
lastName: 'Doe'
},
computed: {
fullName() {
return this.firstName + ' ' + this.lastName;
}
}
});
使用：
<p>Full Name: {{ fullName }}</p>
计算属性会在依赖的数据发生变化时重新计算，并且只有当依赖的值发生变化时才会重新计算。从而提高性能。
6、方法
在Vue中，可以使用methods定义一些需要在模板中调用的方法
示例：
methods: {
greet() {
return 'Hello ' + this.name;
}
}
调用方法：
<p>{{ greet() }}</p>
