VUE3 如何快速使用pinia

1. 首先安装pina

npm i pinia

2. 在main.ts或者js里面引入

//引入pinia
import {createPinia} from 'pinia'let pinia = createPinia();app.use(pinia)

3. 在scr下面定义一个store文件夹，下面就定义所有的pinia存储的值

、

import {defineStore} from 'pinia';
import {ref} from "vue";export const useCountStore = defineStore('countStore', ()=>{const sum = ref(9);const school = ref("dasdsad");const address = ref("江苏省");const add = (value:number) => {sum.value += value;}return {sum, school, address,add};
})

4. 最后用的时候先引用这个ts文件