先說需求：很簡單，就是一個 ProductList.vue 組件顯示商品信息列表遇到的問題：在使用 Vuex 對其狀態(tài)管理時，更改了 state 中的 products 值之后，視圖不更新。我的代碼如下先看 store.js然后，我在 ProductList.vue 中是這樣寫的這里代碼簡化了很多。程序運行的結(jié)果是： template 中的 products 的值為 []然后，我在 store.js 中使用了 getters 對象，代碼這樣寫：相應的改變 ProductList.vue 中 computed，代碼如下：然后，就能正常的顯示 products。那么我的問題就是：在未使用 getters時，mutations 執(zhí)行之后，改變了 products 的值，那么相應的在 computed 中是不是也應該發(fā)生了改變呢？那么為什么視圖上不更新呢？Vuex 中的 Getters 在官方文檔中的描述意思大概是 state 中一些派生的狀態(tài)，可理解為 Vue 中的 computed。 想問這里的state中的 products 和 getters 中的 allProducts 表達的是同一個內(nèi)容，沒有體現(xiàn)出派生狀態(tài)的意思啊？想問就是如何更好的理解 getters和computed?computed 計算屬性，原數(shù)據(jù) 發(fā)生改變時，派生數(shù)據(jù)同步更新，但是這里只是獲取 state 中的 products，為什么要使用 getters 才可以呢？問題有點多，新手一枚，望人帥心善的程序員兄弟們多多指教，感激不盡。