vue.js - pinia 在 Action 中使用 state 而不是 this

Question

在Vue3组合API中，我一般不使用this

但 pinia 的例子是:

increment() {
  this.counter++
},

不想在操作中使用this。有什么建议吗？

Answer 1

您可以使用函数(类似于组件 setup())来定义商店。然后你可以在不调用它的情况下清除 Action 和 setter/getter 。 Official Doc Link

export const useCounterStore = defineStore('counter', () => {
  const count = ref(0)
  function increment() {
    count.value++
  }

  return { count, increment }
})