computed和methods
时间: 2024-01-09 15:23:26 浏览: 126
Vue.js计算机属性computed和methods方法详解
5星 · 资源好评率100%
computed和methods是Vue.js中两种不同的方法调用机制。
1. computed:computed属性是一种计算属性,它根据依赖的数据动态计算出一个新的值,并将其缓存起来。当依赖的数据发生变化时,computed属性会自动重新计算。computed属性可以像普通属性一样在模板中使用,而不需要在模板中调用它。computed属性适用于那些依赖其他数据计算得出的值。
范例:
```javascript
computed: {
fullName() {
return this.firstName + ' ' + this.lastName;
}
}
```
2. methods:methods是一种普通的方法调用方式,它定义了一组可以在Vue实例中调用的方法。methods中的方法可以在模板中通过方法名调用。methods适用于那些需要在模板中主动触发的操作。
范例:
```javascript
methods: {
sayHello() {
console.log('Hello!');
}
}
```
阅读全文