Vue前端面试题总结(二十四)如何理解watch methods computed的区别?详解

methods computed watch的区别

methods

中定义的是具体的方法,根据一些特定的触发条件,调用一次执行一次,比如说点击事件

computed

computed是vue中独有的计算属性,它是基于他们的依赖进行缓存的,只有依赖发生改变,才会重新计算
就算在data中没有直接声明出要计算的变量,也可以在computed中写入
计算属性默认只有getter 需要的时候可以自己设置setter方法 setter默认传递一个参数,这个参数就是当前对象

watch

watch的作用是监听一个值的变化,并调用因变化需要执行的方法。
它用于观察vue实例上的数据变动,对应一个对象,键是表达观察式,值是回调,也可以是方法名,或者一个对象。

数据量大,需要缓存使用computed,每次都需要加载不需要缓存使用methods
computed 和 watch 都可以观察页面的数据变化。computed的依赖是多个的,watch的依赖只能是单个的

猜你喜欢

转载自blog.csdn.net/Rick_and_mode/article/details/108648064