API 文档 / pinia / DefineStoreOptionsInPlugin
接口:DefineStoreOptionsInPlugin<Id, S, G, A>
pinia.DefineStoreOptionsInPlugin
创建 pinia 插件时可用的 options
。
类型参数
名字 | 类型 |
---|---|
Id | extends string |
S | extends StateTree |
G | G |
A | A |
层次结构
Omit
<DefineStoreOptions
<Id
,S
,G
,A
>,"id"
|"actions"
>↳
DefineStoreOptionsInPlugin
属性
actions
• actions: A
提取的 action 对象。当使用 setup API 建立 store 时,由 useStore() 添加, 否则使用传递给 defineStore()
的对象。 如果没有定义 action,则默认为一个空对象。
getters
• Optional
getters: G
& ThisType
<UnwrapRef
<S
> & _StoreWithGetters
<G
> & PiniaCustomProperties
<string
, StateTree
, _GettersTree
<StateTree
>, _ActionsTree
>> & _GettersTree
<S
>
getter 的可选对象
继承于
Omit.getters
state
• Optional
state: () => S
类型声明
▸ (): S
创建一个新 state 的函数。 必须是一个箭头函数,以确保正确的类型标注!
返回值
S
继承于
Omit.state
方法
hydrate
▸ Optional
hydrate(storeState
, initialState
): void
当 store 定义中使用了复杂的 state (如仅客户端的引用),并且从 pinia.state
中复制值是不够时, 允许在 SSR 期间对 store 进行 hydrating。
Example
如果在你的 state
中,你使用了任何 customRef
,任何 computed
,或任何在服务器和客户端有不同值的 ref
, 你需要手动激活它们。 例如,一个存储在本地存储的自定义 ref:
const useStore = defineStore('main', {
state: () => ({
n: useLocalStorage('key', 0)
}),
hydrate(storeState, initialState) {
// @ts-expect-error: https://github.com/microsoft/TypeScript/issues/43826
storeState.n = useLocalStorage('key', 0)
}
})
参数
名字 | 类型 | 描述 |
---|---|---|
storeState | UnwrapRef <S > | the current state in the store |
initialState | UnwrapRef <S > | initialState |
返回值
void
继承于
Omit.hydrate