watch:监听data中的数据变化。
watch: {//firstName 是data中的数据
firstName(newval,oldval) {
console.log(newval)
console.log(oldval)
}
computed:
fullName() { //fullName可以直接用插值表达式,也可以用方法代替。但是又区别
return this.firstName + ' ' + this.lastName
}
computed与methods的区别:
- computed 是基于响应性依赖来进行缓存的。只有在响应式依赖发生改变时它们才会重新求值, 也就是说, 当属性值没有发生改变时, 多次访问 计算属性会立即返回之前缓存的计算结果, 而不会再次执行computed中的函数。但是methods方法中是每次调用, 都会执行函数的, methods它不是响应式的。
- computed中的成员可以只定义一个函数作为只读属性, 也可以定义成 get/set变成可读写属性, 但是methods中的成员没有这样的。
- fullname使用不需要()
Comments | NOTHING