Vue Element商城是一個基于Vue.js和Element UI搭建的現代化電商平臺。它提供了一套易于使用的用戶界面，用于瀏覽商品，篩選商品，添加商品到購物車和結算商品。Vue Element商城是一個可擴展且容易定制的平臺，可以適應各種不同類型的電商業務需求。

下面是一個簡單的Vue Element商城示例，它顯示了如何使用Vue.js和Element UI創建一個基本的購物車頁面：

<template>
<div class="cart">
<h1>購物車</h1>
<ul>
<li v-for="item in cartItems">
{{item.name}} - {{item.price}}
<button @click="removeFromCart(item)">刪除</button>
</li>
</ul>
<p>總價：{{totalPrice}}</p>
</div>
</template>
<script>
export default {
data() {
return {
cartItems: [
{ name: '商品1', price: 100 },
{ name: '商品2', price: 200 },
{ name: '商品3', price: 300 },
]
}
},
methods: {
removeFromCart(item) {
const index = this.cartItems.indexOf(item);
if (index >= 0) {
this.cartItems.splice(index, 1);
}
}
},
computed: {
totalPrice() {
let sum = 0;
for (const item of this.cartItems) {
sum += item.price;
}
return sum;
}
}
}
</script>

在上面的示例中，我們創建了一個簡單的購物車組件，其中包含一些示例商品。我們使用v-for指令來循環遍歷購物車中的商品，并在視圖中顯示它們的商品名稱和價格。我們還提供了一個“刪除”按鈕，當用戶點擊該按鈕時，該商品將從購物車中刪除。最后，我們使用計算屬性來計算購物車中所有商品的總價。

總體而言，Vue Element商城是一個功能豐富且易于定制的平臺，可以滿足各種不同類型的電商業務需求。通過使用Vue.js和Element UI，我們可以快速構建現代化、易于擴展的電商平臺，使我們的電商業務更加高效和可靠。