watch 和 computed

❤❤❤watch使用了Vue.js提供的$watch方法来监听数据的变化。当我们定义一个watch选项时，Vue.js会在组件实例创建时，遍历这些watch选项，并通过$watch方法对相应的数据进行监听。

❤❤❤watch可以监听单个数据的变化，也可以监听多个数据的变化，通过对象的形式进行定义。在数据发生变化时，相应的回调函数会被触发，我们可以在回调函数中执行我们需要的操作。

https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=177fc4671014423bb66f2a5738a1e767

💗💗💗computed使用了Vue.js提供的计算属性的机制。在定义计算属性时，我们通过编写计算属性的get函数来计算和返回数据，而不是直接在模板中编写逻辑。

💗💗💗Vue.js会为计算属性创建一个依赖追踪器，用于追踪计算属性依赖的数据。当依赖的数据发生变化时，Vue.js会自动重新计算计算属性的值，并将计算结果缓存起来。

💗💗💗当计算属性被访问时（如在模板中使用），Vue.js会检查计算属性所依赖的数据是否发生了变化。如果没有变化，则直接返回缓存的计算结果，如果有变化，则重新计算并更新缓存。

https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=177fc4671014423bb66f2a5738a1e767