In Vue3 compisition API，I don't usually use this

But pinia example is:

increment() {
  this.counter  
},

Dont want use this in action.Has any suggest?

CodePudding user response：

You can use a function (similar to a component setup()) to define a Store. Then you can declear actions and getters without calling this. Official Doc Link

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

  return { count, increment }
})