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文件