defineStore
时间: 2024-05-14 18:16:25 浏览: 170
`defineStore` 是一个函数,用于创建一个 Vuex store 模块。在 Vuex 中,store 可以被拆分成多个模块,每个模块都包含自己的 state、mutations、actions、getters 等。`defineStore` 函数接收一个包含 state、mutations、actions、getters 的对象作为参数,并返回一个 Vuex store 模块对象。
使用示例:
```
import { defineStore } from 'pinia'
export const useCounterStore = defineStore({
id: 'counter',
state: () => ({ count: 0 }),
actions: {
increment() {
this.count++
}
},
getters: {
doubleCount() {
return this.count * 2
}
}
})
```
在上面的示例中,`defineStore` 函数创建了一个名为 `useCounterStore` 的 Vuex store 模块,包含一个名为 `count` 的 state 属性、一个名为 `increment` 的 action 方法以及一个名为 `doubleCount` 的 getter 方法。可以通过 `useCounterStore.count` 访问 `count` 属性的值,通过 `useCounterStore.increment()` 调用 `increment` 方法,通过 `useCounterStore.doubleCount` 访问 `doubleCount` 方法的返回值。
阅读全文