vue中的computed是非常實(shí)用的一個(gè)屬性，它可以幫助我們緩存計(jì)算屬性的結(jié)果，防止重復(fù)計(jì)算，提高性能。

假設(shè)我們有一個(gè)需要計(jì)算的屬性，每次重新渲染組件時(shí)，都需要重新計(jì)算該屬性的值。如果該屬性的計(jì)算量比較大，可能會(huì)影響頁面的性能。

computed: {
expensiveProperty() {
// complex computation here
return result;
}
}

為了避免這種情況的發(fā)生，我們可以使用computed的緩存特性。通過設(shè)置computed的cache為true，我們可以告訴vue將該屬性的計(jì)算結(jié)果緩存起來，只有在相關(guān)依賴發(fā)生變化時(shí)才重新計(jì)算。

computed: {
expensiveProperty: {
cache: true,
get() {
// complex computation here
return result;
}
}
}

當(dāng)我們重新渲染組件時(shí)，如果該屬性的依賴沒有發(fā)生變化，那么vue會(huì)直接從緩存中獲取該屬性的值，而不會(huì)重新計(jì)算。

需要注意的是，如果我們將cache設(shè)置為true，那么該屬性的set方法將不再被調(diào)用。因?yàn)榫彺媸腔趃et方法的返回值實(shí)現(xiàn)的。

如果我們希望清除緩存，可以通過手動(dòng)觸發(fā)該屬性的依賴項(xiàng)的更新來實(shí)現(xiàn)：

watch: {
dependentProperty() {
this.$nextTick(() => {
this.expensiveProperty = null;
});
}
}

在依賴項(xiàng)更新后，我們可以將該屬性的值設(shè)置為null，從而清除緩存。下次訪問該屬性時(shí)，vue會(huì)重新計(jì)算它的值。

總之，computed的緩存特性可以幫助我們提高vue應(yīng)用的性能，特別是在計(jì)算量較大的場(chǎng)景下。但是需要注意緩存的清除和更新機(jī)制，避免出現(xiàn)意外的結(jié)果。