vue computed()的第一个参数
时间: 2024-10-18 17:13:24 浏览: 11
Vue中computed及watch区别实例解析
5星 · 资源好评率100%
Vue.js中的`computed()`是响应式计算属性的功能,它允许你在组件内部创建基于其他数据属性的“计算”值,而这些值会在依赖的数据发生变化时自动更新。`computed()`的第一个参数是一个函数,这个函数通常称为计算表达式。
在这个函数内,你可以访问并操作`data()`里的变量,就像普通的JavaScript函数一样。但是,`this`关键字在这种上下文中指向的是`Vue实例`,因此你可以直接访问到所有的实例数据和方法。这个函数返回的结果会成为响应式的,并且当其依赖的数据改变时,结果会被自动更新。
例如:
```javascript
data() {
return {
firstName: 'John',
lastName: 'Doe'
}
}
computed: {
fullName() {
return this.firstName + ' ' + this.lastName;
}
}
```
在这里,`fullName`就是一个计算属性,当你修改`firstName`或`lastName`时,`fullName`的值也会随之变化。
阅读全文