vue计算属性computed和方法的区别:
首先,完整的计算属性computed的写法是:
computed:{
propName::{
get(){
//getter
},
set(){
//setter
}
}
}
1.计算属性本质是包含getter和setter的方法。
2.当获取计算属性时,实际上是在调用getter方法。vue会收集计算属性的依赖,并缓存计算属性返回的结果。只有当依赖变化的时候才会重新进行计算。
3.方法没有缓存,每次调用方法都会导致重新执行。
4.计算属性的getter和setter参数固定:getter没有参数,setter只有一个参数。而方法的参数不限。
5.最重要的区别是含义上面的区别:计算属性也是一个数据,可以读取也可以赋值。而方法含义上是一个操作用于处理一些事情。