1. Vue3计算属性的使用
Vue3的计算属性和Vue2的总体思想一致
import {ref,computed} from 'vue'
从Vue中引入computed计算属性
const addDouble = computed(()=>{
return count.value*2
})
使用计算属性,如果下方有值是需要根据操作进行响应,那么为了总体优化代码,会将此进行计算属性计算后,下方再使用,例如
<div>{{addDouble}}</div>
2. Vue2计算属性的使用区别
data() {
return {
count:1
};
},
computed: {
computedCount(){
return this.count *4
}
},
{{computedCount}}
Vue2与Vue3的计算属性使用方法及思想 大致相同
### 无论是Vue2还是Vue3的计算属性,计算属性的目的,主要是缓存,当然想要实现同样的功能,不用计算属性,单纯定义一个函数一样可以实现,但是使用计算属性,会基于依赖执行代码,若依赖并未发生改变,则不会重新计算,对于性能优化有很大的提升