(1) pinia:
安装方法:【yarn add pinia或npm install pinia -s】
(2)mina.js引用:
import { createApp } from 'vue'
import App from './App.vue'
import {createPinia} from 'pinia'
const store = createPinia()
let app = createApp(App)
app.use(store)
app.mount('#app')
(3)初始化仓库Store,使用仓库中的数据
1、src下新建一个文件夹Store
2、Store/新建文件index.ts
3、index.ts中定义仓库Store
(4)修改state中数据的五种方式
1、State 是允许直接修改值的 例如current++
2、批量修改State的值
在他的实例上有$patch方法可以批量修改多个值
$patch({修改的属性1:值,修改的属性2:值})
4、通过原始对象修改整个实例
`$state`您可以通过将store的属性设置为新对象来替换store的整个状态
缺点就是必须修改整个对象的所有属性3、批量修改函数形式
推荐使用函数形式 可以自定义修改逻辑
5、通过actions修改
定义Actions
在actions 中直接使用this就可以指到state里面的值