标签: pinia

Pinia和Vuex都是Vue状态管理库，但是它们有一些区别。下面是一些区别和示例代码演示：

API风格

Pinia使用类似Vue组件的API来创建和使用store，而Vuex使用一个全局对象来访问store。这意味着Pinia更容易理解和使用，尤其是在大型应用程序中。

下面是一个使用Pinia的例子：

import { defineStore } from 'pinia'

export const useCounterStore = defineStore({
  id: 'counter',
  state: () => ({
    count: 0,
  }),
  actions: {
    increment() {
      this.count++
    },
    decrement() {
      this.count--
    },
  },
})

程序员诚哥大约 2 分钟