自己的理解：
1. computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；
2. computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化，举例：购物车里面的商品 列表和总金额之间的关系，只要商品列表里面的商品数量发生变化，或减少或增多或删除商品，总金额都应该发生变化。这里的这个总金额使用computed属性来进行计算是最好 的选择
与watch之间的区别：
刚开始总是傻傻分不清到底在什么时候使
Vue.js 是一款流行的前端JavaScript框架，它提供了许多强大的特性来帮助开发者构建复杂的用户界面。在Vue中，`computed`属性和`watch`都是用来响应数据变化的机制，但它们之间存在显著的区别。以下是对这两个概念的详细解释：
1. **Computed属性**：
- `computed`属性用于创建基于其他数据属性的计算属性。这些属性不会直接存储在`data`对象中，而是由Vue自动管理。当你在模板中引用一个`computed`属性时，Vue会自动跟踪其依赖关系，并在相关依赖变化时重新计算该属性的值。
- `computed`通常用于处理数据的计算和转换，如上述例子中的购物车总价。当商品列表中的任何商品数量发生变化时，Vue会自动更新总价，无需手动触发。
- `computed`属性是读取式的，这意味着你不能直接修改它们的值。如果尝试修改，Vue会抛出错误。它们的值是根据它们的依赖项动态计算得出的。
2. **Watch对象**：
- `watch`是用来监听`data`对象中的属性变化，并在发生变化时执行回调函数。它允许你定义在数据改变时执行的函数，以执行复杂操作或做出反应。
- 相比`computed`，`watch`更具有灵活性，它可以监听单个变量、对象或对象的属性。例如，你可以监听整个`example2`对象或其内部的`inner0`和`innner1`属性。
- `watch`不仅可以检测数据的变化，还可以提供旧值和新值，使得在更新过程中可以进行条件判断和比较，如在上述代码中`watch`对`example0`和`example2`的监听。
- `watch`更适合那些需要在数据变化后执行副作用操作的场景，比如调用API、修改其他非Vue管理的状态（例如localStorage）或处理异步任务。
总结来说，`computed`属性适合用于简单的数据计算，且计算结果依赖于其他数据属性。而`watch`则用于复杂的数据监听和处理，特别是当需要在数据变化时执行一些额外操作时。在实际开发中，根据具体需求选择合适的机制可以提高代码的可读性和维护性。理解`computed`和`watch`的区别并合理运用，能更好地发挥Vue.js的潜力。
