computed: {
numComputed:{
get(){
console.log("get")
return this.num + 500;
},
set(newVal){
console.log("set")
this.num += newVal;
}
}
},
numComputed函数名
get(){{numComputed}}这个是get方法返回的结果set()监听@click=“numComputed=100”set(newValue=100)
触发get()
1.页面加载 [数据发生改变,视图就发生改变]
也就是说,在页面加载就发生了一次get()事件
2.data.num发生改变 [数据发生改变,视图就发生改变]
只有它当前依赖的data数值发生改变 计算属性才会重新求值
触发set()
1.numComputed=参数
注意点:
numComputed不可在data里面定义,如果定义会报如下图片的错误,因为对应的computed作为计算属性定义fullName并返回对应的结果给这个变量,变量不可被重复定义和赋值,因为已经声明过一次,再声明为一个函数是不可以的;