Double count is {{ store.doubleCount }}
@@ -56,7 +58,7 @@ const store = useCounterStore() 与计算属性一样,你也可以组合多个 getter。通过 `this`,你可以访问到其他任何 getter。即使你没有使用 TypeScript,你也可以用 [JSDoc](https://jsdoc.app/tags-returns.html) 来让你的 IDE 提示类型。 ```js -export const useStore = defineStore('main', { +export const useCounterStore = defineStore('counter', { state: () => ({ count: 0, }), @@ -83,7 +85,7 @@ export const useStore = defineStore('main', { *Getter* 只是幕后的**计算**属性,所以不可以向它们传递任何参数。不过,你可以从 *getter* 返回一个函数,该函数可以接受任意参数: ```js -export const useStore = defineStore('main', { +export const useUserListStore = defineStore('userList', { getters: { getUserById: (state) => { return (userId) => state.users.find((user) => user.id === userId) @@ -111,7 +113,7 @@ const { getUserById } = storeToRefs(userList) 请注意,当你这样做时,**getter 将不再被缓存**,它们只是一个被你调用的函数。不过,你可以在 getter 本身中缓存一些结果,虽然这种做法并不常见,但有证明表明它的性能会更好: ```js -export const useStore = defineStore('main', { +export const useUserListStore = defineStore('userList', { getters: { getActiveUserById(state) { const activeUsers = state.users.filter((user) => user.active) @@ -226,4 +228,4 @@ export default { }), }, } -``` +``` \ No newline at end of file