pinia (3) state資料建立

建立 state

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import { defineStore } from 'pinia'

export const useStore = defineStore('storeId', {
// arrow function recommended for full type inference
state: () => {
return {
// all these properties will have their type inferred automatically
count: 0,
name: 'Eduardo',
isAdmin: true,
items: [],
hasChanged: true,
}
},
})

在 store 裡建立state,使用的是箭頭函式來回傳一包物件資料。

取得 store 資料

1
2
3
const store = useStore()

store.count++

在元件裡可以用 useStore() 來取得state資料。

重設 state

1
2
3
const store = useStore()

store.$reset()

如果想重設state回原始狀態,可以使用 $reset() 方法