2.计算属性（computed）

计算属性是 Vue.js 实现数据驱动和双向绑定的重要工具。它们基于依赖关系进行绘制，并会自动缓存结果以提升性能。在数据改变时，computed 属性会重新计算并更新，这大大减少了手动操作的开销。

假设我们有一个简单的 `reversedMessage` 计算属性，它会根据 `message` 数据逆转字符串。例如，初始数据 `message: 'Hello'` 将变为 `olleH`。通过这种方式，计算属性可以帮助我们处理复杂的数据转换和业务逻辑，同时保持代码干净和可维护性。

计算属性的核心优势在于其基于响应式的依赖管理。如果不使用缓存，复杂计算可能会频繁执行，导致性能下降。默认情况下，计算属性会在所有依赖项变化后才重新执行，这保证了良好的性能表现。

3.侦听器（watcher）

Vue.js 的 `watch` 选项为开发者提供了更高级的数据观察功能。当数据发生变化时，它会自动执行指定的回调函数。与计算属性不同，watch 可用于执行异步操作或在数据变化时执行复杂逻辑，从而控制观察次数以优化性能。

例如，当某个数据字段发生变化时，可以执行一个 API 请求以获取更多信息，并在回调中设置中间状态。这种方式在处理大量异步操作或避免短OMETimes freshmen? 重复计算时非常实用。

总结来说，`computed` 和 `watch` 是 Vue.js 中核心的数据处理工具，它们各有特点，可以根据实际需求灵活选择。计算属性适合处理简单的基于属性转换，而侦听器则更适合涉及复杂逻辑或异步操作的场景。