---

一、setup 里的计算属性（computed）

计算属性在vue3中是一个函数

• 与computed配置功能一致
• 只有getter时，传入一个回调函数
• 有getter和setter，传入一个对象，有get 和set两个属性方法
• 返回值就是我们需要的计算属性

二、setup 里的侦听器（watch）

1、watch

• 与watch配置功能一致
• 监视指定的一个或多个响应式数据, 一旦数据变化, 就自动执行监视回调
• 默认初始时不执行回调, 但可以通过配置immediate为true, 来指定初始时立即执行第一次
• 通过配置deep为true, 来指定深度监视 immediate 和 deep 配置在第三个参数里

2、watchEffect 函数

• 不用直接指定要监视的数据, 回调函数中使用的哪些响应式数据就监视哪些响应式数据
• 默认初始时就会执行第一次, 从而可以收集需要监视的数据
• 监视数据发生变化时回调

【参考】
VUE3（十四）使用计算属性computed和监听属性watch
vue3的计算属性与watch
Vue 3 响应式侦听与计算
vue3计算属性（computed）与监听（watch）
Vue3官网-高级指南（十七）响应式计算computed和侦听watchEffect（onTrack、onTrigger、onInvalidate、副作用的刷新时机、watch 、pre）