將filterProduct從computed屬性移到methods。一般來說,動作要放在methods中,computed屬性保存的數據相對于在特定計算屬性的定義中使用的依賴值發生了變化。 在這里,我創建了一個名為activeCategory的數據屬性,當用戶單擊任何一個category按鈕時,就會設置這個屬性。productFiltercomputed屬性利用了activeCategory數據屬性。因此,當數據屬性activeCategory從函數filterProduct更新時,productFilter計算屬性會自動重新生成新的產品集。 new Vue({ el: '#app', data() { return { categories: [ { category_title: 'Product 1', category_name: "product-1" }, { category_title: 'Product 2', category_name: "product-2" }, { category_title: 'Product 3', category_name: "product-3" }, { category_title: 'Product 4', category_name: "product-4" }, { category_title: 'Product