vue3.0 computed写法

用computed计算属性之前别忘了引入

使用完毕别忘了导出

computed里面还有两个方法：get和set

get方法：

结果：

get方法是读取数据时候调用的，监测到数据变化以后就自动执行：


结果：
点击以后：

说明get在程序运行时自动调用，后面监测到数据变化就再次调用

我们改一下代码：

点击前结果：

点击后结果：

所以我们能得出： 点击button以后，执行到plusOne.value = 2时候，相当于调用了：

// 其中参数val就是修改的值2
set: val => {
        console.log('executing function set')
        return count.value = val - 1
      }

所以现在count的值为2-1=1，这样的值改变引起set方法的注意，被监测到了，所以继续执行：

get: () => {
        console.log('executing function get')
        return count.value + 1
      }

这样count的值变成1+1 = 2
所以最后显示2