浅谈method,computed,watch的区别
只要使用过vue的基本对三者都有一点的了解,基本用法就不说了。
method(方法调用)
页面数据每次重新渲染时都会重新执行,性能消耗大,如果你不希望有缓存,请用方法来替代。
computed(计算属性)
计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。多次访问计算属性会立即返回之前的计算结果,而不必再次执行函数。
watch(侦听属性)
监听到数据变化的时候就会执行还属性的回调函数。当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。
不想看前面的哔哔奈奈开这里
1.除非你不需要缓存,一般都不会使用方法
2.无异步操作建议用computed(计算属性),有异步操作且开销较大建议用watch(侦听属性)