vue中的computed是非常實用的一個屬性，它可以幫助我們緩存計算屬性的結果，防止重復計算，提高性能。

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

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

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

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

當我們重新渲染組件時，如果該屬性的依賴沒有發生變化，那么vue會直接從緩存中獲取該屬性的值，而不會重新計算。

需要注意的是，如果我們將cache設置為true，那么該屬性的set方法將不再被調用。因為緩存是基于get方法的返回值實現的。

如果我們希望清除緩存，可以通過手動觸發該屬性的依賴項的更新來實現：

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

在依賴項更新后，我們可以將該屬性的值設置為null，從而清除緩存。下次訪問該屬性時，vue會重新計算它的值。

總之，computed的緩存特性可以幫助我們提高vue應用的性能，特別是在計算量較大的場景下。但是需要注意緩存的清除和更新機制，避免出現意外的結果。