Vue filter是Vue.js中常用的一個特性，可以用來轉換、格式化或過濾數據以便在模板中展示。在商品價格方面，我們可以使用Vue filter來將價格轉換為貨幣格式，將數字添加適當的貨幣符號和千位分隔符。

下面是一個簡單的Vue filter示例，用于將商品價格轉換為貨幣格式：

Vue.filter('currency', function (value) {
if (!value) return ''
value = parseFloat(value)
return '$' + value.toFixed(2).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,')
})

上面的代碼中，我們定義了一個名為“currency”的Vue filter。它將獲取一個數值參數，并返回一個格式化后的字符串，其中包含了美元符號和千位分隔符。我們還使用了JavaScript的toFixed()方法將價格四舍五入到小數點后兩位。

在Vue模板中，我們可以像這樣使用currency filter：

上面的代碼將會把一個product對象的價格字段傳遞給前面定義的currency filter，并在DOM元素中顯示格式化后的字符串。