vue3菠萝pinia

1  下载
yarn add pinia
# or
npm i pinia

2 main.js引入

import {reatePinia}from'pinia'

app.use(createPinia()).mount('#app')

3store/counter.ts  你创建的文件pinia文件

import {defineStore} from 'pinia'
export const userCounterStore=defineStore('唯一标识随便你叫什么'，（）=>{
记得return
return {}
})

4其他组件用

  import {    useCounterStore } from './store/counter';
 const store = useCounterStore()   里面就是

补出  storeToRefs 用于 结构 变量才包 方法还函数不用包  

在用的组件引    结构不会丢失响应式  API storeToRefs

1    import { storeToRefs } from 'pinia';

2   const { count, doubleCount } = storeToRefs(store)
 变量才包storeToRefs
方法和函数不包
const { update, asyncUpdate } = store