vue项目中会常用到计算属性,简单演示计算属性
<button @click="btn">点击</button>
<div>{{ num2 }}</div>
return {
num1: 8,
}
computed: {
num2: {
// 默认就会执行
get: function () {
return this.num1 + 1;
},
// 默认不会执行,get发生改变后set开始执行
set: function (val) {
console.log("val", val);
this.num1 = val;
// this.num1++;
},
},
},
btn(){
this.num2++
}