Vue是一個流行的JavaScript框架，其中的Computed屬性使數據的計算和組合更加方便。Computed屬性可以將表達式封裝成一個函數，當某個值（作為表達式的一部分）被修改時，會自動重新計算該函數，從而更新綁定到Computed屬性的模板。

下面是一個示例，使用Vue Computed屬性計算購物車中商品的總價。

//HTML代碼
{{product.name}}: ${{product.price}}Add to Cart
Total: ${{totalPrice}}
//JavaScript代碼
new Vue({
el: '#app',
data: {
products: [
{name: 'Product A', price: 50},
{name: 'Product B', price: 75},
{name: 'Product C', price: 100}
],
cart: []
},
methods: {
addToCart: function(product) {
this.cart.push(product);
}
},
computed: {
totalPrice: function() {
var total = 0;
for (var i = 0; i< this.cart.length; i++) {
total += this.cart[i].price;
}
return total;
}
}
})

在這個示例中，當用戶點擊“Add to Cart”按鈕時，產品將被添加到購物車（cart數組）。每當cart數組被修改時，totalPrice函數都會被重新計算，然后更新綁定到該Computed屬性的模板（“Total: ${{totalPrice}}”）。

雖然這個示例只涉及基本計算，但Computed屬性的強大功能使它可以處理更復雜的數據計算和組合。它可以幫助開發人員更輕松地編寫和維護高效的代碼。