vue计算属性和监听属性

计算属性computed使用场景：当页面中的某些数据依赖于其他数据发生变化时，可以使用computed属性计算属性根据数据中的数据进行处理，数据数据发生变化，它也随之变化。当data中的数据没有变化时，我们调用computed中的函数n次，只缓存（执行一次）。每个计算属性包含两个设置和获取属性。watch属性watch使用场景：当数据发生变化时执行异步或开销大的操作，可以随时修改状态变化watch：类似监听机制+事件机制。大多数情况下，我们会使用computed，但是如果你想在数据变化的时候进行异步操作或者开销比较大，那么watch是最好的选择。watch是一个对象，key是要观察的表达式，value是对应的回调函数。值也可以是一个方法名，或者一个包含选项的对象。methodscomputedwatch三个方法的区别没有缓存，执行一次，执行一次，执行n次，运行n次computed有缓存，多次调用只会执行一次，不能执行异步任务watch可以执行异步任务，computed可以完成，watch可以完成，watch可以完成，computed不一定可以完成