Vue生態(tài)之Pinan狀態(tài)管理器
????????Pinia作為Vue的新一代的狀態(tài)管理器,Store (如 Pinia) 是一個(gè)保存狀態(tài)和業(yè)務(wù)邏輯的實(shí)體,它并不與你的組件樹綁定。換句話說,它承載著全局狀態(tài)。它有點(diǎn)像一個(gè)永遠(yuǎn)存在的組件,每個(gè)組件都可以讀取和寫入它。它有三個(gè)概念,state、getter 和 action,我們可以假設(shè)這些概念相當(dāng)于組件中的 data、 computed 和 methods。
安裝
創(chuàng)建實(shí)例并掛在到Vue中
Pinia幾個(gè)屬性
????????State:在大多數(shù)情況下,state 都是核心,state 被定義為一個(gè)返回初始狀態(tài)的函數(shù),函數(shù)返回的對象的屬性就是我們要管理的數(shù)據(jù)。
????????Getter: 定義方法表達(dá)式,可以理解為只讀state,通過表達(dá)式計(jì)算state值,返回給調(diào)用者。官網(wǎng)推薦使用箭頭函數(shù),并且它將接收 state 作為第一個(gè)參數(shù)。
????????Actions:用來定義處理業(yè)務(wù)邏輯函數(shù)的,默認(rèn)是同步函數(shù),如果使用async關(guān)鍵字可以定義異步函數(shù)。如果要使用this關(guān)鍵字,則不能使用箭頭函數(shù)。
定義一個(gè)模塊
如何使用
????????組件中引入我們定義好的模塊后,可以在模板表達(dá)式中直接訪問state值,這樣的方式是是允許的。

????????也可以通過Getter函數(shù)訪問
