内容大纲

约 117 字小于 1 分钟

2023-07-02

使用 Getters

Getters 自带缓存功能, 不会重复调用

export const useMainStore = defineStore('main', {
  // 用于存储数据
  state: () => {
    return {
      count: 0,
      arr: [1, 2, 3]
    }
  },
  // 类似计算属性
  getters: {
    moreCount(state) {
      return state.count + 10
    }
  },
  // 封装业务逻辑
  actions: {}
})

其中传入的 state 是可选参数

虽然可以用 this 替换, 但是会影响 ts 的类型判断, 需要手动指定数据类型, 不推荐使用