复杂数据的处理

使用 methods

• 代码

计算属性（computed）

• 对于任何包含响应式数据的复杂逻辑，都应该使用计算属性
• 代码

<aside> 💡 计算属性和 methods 的区别：

计算属性有缓存机制，只有在依赖数据发生变化时才会重新计算

</aside>

计算属性的 setter 和 getter

• 代码

侦听器 watch

我们希望在代码逻辑中监听某个数据的变化，此时需要使用侦听器

• 代码

生效条件：

1. 创建一个新对象，赋值给原来的对象
2. 直接修改原对象的某个属性（深度监听）

• 侦听器选项代码
• $侦听器代码