Vue计算属性和监视属性

计算属性

Vue 的计算属性（Computed Properties）是 Vue 组件中基于它们的响应式依赖进行缓存的属性。只有当相关响应式依赖发生改变时，计算属性才会重新求值。这种机制使得计算属性非常适合用于执行复杂的数据转换或计算，并且能够在模板中高效地渲染这些数据。

声明计算属性

在 Vue 组件中，可以通过组件的 computed 选项来声明计算属性。computed 是一个对象，其属性名就是你想要在组件中使用的计算属性名，属性值是一个函数，该函数将返回计算属性的值。

监视属性

        在 Vue.js 中，除了计算属性（Computed Properties）之外，Vue 还提供了另一种响应式特性，即观察者（Watchers）或监视属性（Watchers），用于观察和响应 Vue 实例上数据的变化。

监视属性的用途

        监视属性主要用于执行异步操作或开销较大的操作，这些操作不适合在模板或计算属性中直接进行。例如，你可能需要在某个数据变化时，发送一个请求到服务器或执行一些复杂的逻辑。

声明监视属性

        在 Vue 组件中，你可以通过组件的 watch 选项来声明监视属性。watch 是一个对象，其属性名是你想要监视的数据属性名，属性值是一个函数或对象（用于更复杂的场景，如深度监视或立即触发）。