计算属性computed和侦听器watch的区别

 计算属性computed：

        定义方式： 使用 computed 属性定义一个计算属性。 

        用途：用于定义基于响应式数据进行计算的属性，返回计算结果。通常用于衍生出一个新的属性。 

        实时性： 计算属性是基于它的依赖进行缓存的，只有依赖发生变化时，才会重新计算。在同一次事件循环中，多次访问同一个计算属性会返回缓存的结果而不会重新计算。 

        特点：        

        1、支持缓存，只有依赖数据发生改变，才会重新进行计算；

        2、不支持异步，当computed内有异步操作时无效，无法监听数据的变化；

        3、computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值；

        4、如果