①.计算属性也是变量,所以计算属性名不能和data中的变量名重复
②.变量的值需要通过别人而得来
//语法
computed: {
num () { //计算属性名
return 值
}
}
计算属性的优势:
带缓存
计算属性对应的函数执行后,会把return的值缓存起来
依赖不变,多次调用都是从缓存取值
依赖的值发生变化,函数会自动重新执行,并缓存新的值
计算属性的完整写法
<input type="text" v-model="full">
computed: {
full: { //给这个属性名赋值触发set方法
set(val){
console.log(val)
},
//使用这个属性名的方法触发get方法
get() {
return "值"
}
}
}