vue里面的computed是干嘛的
在Vue中,computed是一种计算属性,用于定义一个可以根据其他响应式数据进行计算的属性。它可以根据依赖的数据自动更新,且具有缓存机制,只有依赖的数据发生变化时才会重新计算。
例如,假设有一个data选项中的a和b,我们可以使用computed来定义一个计算属性sum,它的值是a和b的和:
new Vue({
data: {
a: 1,
b: 2
},
computed: {
sum: function() {
return this.a + this.b;
}
}
})
在这个例子中,当a或b发生变化时,sum会自动更新。我们可以在模板中直接使用sum作为一个普通的属性:
<div>{{ sum }}</div>
这样,当a或b的值改变时,sum会自动更新,页面上的div中显示的值也会相应地更新。
原文地址: https://www.cveoy.top/t/topic/hXrZ 著作权归作者所有。请勿转载和采集!