vue3 ----- Pinia

什么是Pinia

Pinia基础使用

getters实现

action异步实现

编写方式：异步action函数的写法和组件中获取异步数据的写法完全一致

storeToRefs工具函数

Pinia的调试

Pinia持久化插件

官方文档：Home | pinia-plugin-persistedstate

1. 安装插件 pinia-plugin-persistedstate

npm i pinia-plugin-persistedstate

1. 使用 main.js

import persist from 'pinia-plugin-persistedstate'
...
app.use(createPinia().use(persist))

1. 配置 store/counter.js         --store仓库中，persist: true 开启

import { defineStore } from 'pinia'
import { computed, ref } from 'vue'

export const useCounterStore = defineStore('counter', () => {
  ...
  return {
    count,
    doubleCount,
    increment
  }
}, {
  persist: true
})

1. 其他配置，看官网文档即可