今天在項(xiàng)目中深度使用了一下 pinia ，淺談下感受。
在功能上，pinia 和 vuex 其實(shí)是一致的，就是將數(shù)據(jù)、邏輯存到一個(gè)獨(dú)立于組件的、全局可以訪問的地方。其實(shí) react 的 redux 也是類似。
書寫體驗(yàn)上，pinia 有以下幾點(diǎn)讓人用起來很舒適。
- 可以直接對 store 內(nèi)的數(shù)據(jù)進(jìn)行獲取和修改，這樣讓代碼書寫更趨近于原生的寫法。
- 雖然在 defineStore 中可以區(qū)分 state、getter、actions,但在使用的時(shí)候卻都是如
store.count、state.getCount()這樣的，寫法上沒有區(qū)分這些類型。也是一種趨近于原生的寫法。（其實(shí)也是兼容 setup 寫法，因?yàn)樵?setup 寫法中是不區(qū)分這些的） - 可以使用類似 setup 的寫法來書寫 pinia，在書寫復(fù)雜對象時(shí)就很有優(yōu)勢。
另外，pinia 在使用新寫法的同時(shí)，也保留了 vuex 中類似 store.dispatch() 的寫法。這種寫法雖然繁瑣，但是卻也有利于 pinia action 行為的檢索。
最后，我感覺的思路 pinia 是基于 vuex，再結(jié)合 vue3 中 setup 寫法的思路，而產(chǎn)出的更優(yōu)化版本的狀態(tài)存儲庫。
