pinia 的使用（vue3）

pinia 的使用

下载引入 pinia

npm install pinia

// main.ts  (vue3  )

import {
    createPinia } from 'pinia';
app.use(createPinia());

创建 store>index.ts 文件

import {
    defineStore } from 'pinia'
// 主要的全局数据 main只是描述信息
export const useMainStore = defineStore('main', {
   
  // 静态数据
  state: () => {
   
    return {
   
      info: "pinia 可以使用",
      count: 10,
    }
  },
  // 相当于计算属性(有数据缓存)
  getters: {
   
    count10(state) {
   
      return state.count + 10
    },
    // 若使用this.count，则必须指明返回数据的类型
    count11(): number {