【Uniapp-Vue3】computed计算属性用法及方法对比
如果我们想要将两个响应式变量进行某种运算,就可以使用computed计算属性。
比如下面这个例子中,输入名和姓合成全名,可以用直接显示的方法:
我们也可以使用computed属性:
import {computed} from "vue";
let 变量名 = computed(()=>{计算过程});
当然,我们也可以使用函数来实现这个效果:
那么这两种方法有什么区别呢?
先来看用函数返回的形式:
我运算结果会弹出很多次“计算fullName” 。
我们在使用computed的情况下来看看:
很明显,输出“计算fullName”的次数少了很多。
所以我们可以得出结论,使用computed能够缓存,也就是说我们在DOM上渲染3次计算属性值,都只会触发一次,因为有缓存。