点餐网站模板 手机端,嘉兴网站建设推荐浙江华企,西安微网站建设,wordpress管理面板显示错乱如果我们想要将两个响应式变量进行某种运算#xff0c;就可以使用computed计算属性。
比如下面这个例子中#xff0c;输入名和姓合成全名#xff0c;可以用直接显示的方法#xff1a; 我们也可以使用computed属性#xff1a; import {computed} from vue; le…如果我们想要将两个响应式变量进行某种运算就可以使用computed计算属性。
比如下面这个例子中输入名和姓合成全名可以用直接显示的方法 我们也可以使用computed属性 import {computed} from vue; let 变量名 computed((){计算过程}); 当然我们也可以使用函数来实现这个效果 那么这两种方法有什么区别呢
先来看用函数返回的形式 我运算结果会弹出很多次“计算fullName” 。 我们在使用computed的情况下来看看 很明显输出“计算fullName”的次数少了很多。 所以我们可以得出结论使用computed能够缓存也就是说我们在DOM上渲染3次计算属性值都只会触发一次因为有缓存。
