思路：定义->使用场景的差异，如何选择->注意事项

computed计算属性可以从组件数据派生出新的数据。常用方式是设置一个函数，返回计算之后的结果。computed具有缓存性，依赖项没有改变时，是不会重新计算。

watch侦听器，侦听到某个响应数据并执行其他操作。常用方式，传递一个函数，执行其他操作，watch没有返回值，但可以执行异步操作等复杂逻辑

常用场景：

计算属性常用场景是简化行内模板的复杂表达式，模板中出现太多逻辑会使模板变得不宜维护。

侦听器常用场景是，侦听到状态改变后，执行其他的dom操作或者异步操作。

如何选择：

选择何种方案，是判断是否派生出新值，能用计算属性就优先使用计算属性。

一个数据受到多个数据的影响时，使用computed--购物车的金额

一个数据的改变影响多个数据时，使用watch--搜索框

注意事项：

计算属性是第一次加载就开始监听，watch是默认第一次不监听。可设置immediate：true。