1,为什么使用pinia
因为他是vuex的核心成员写的状态管理库,他更加轻量只有1kb,我觉得他定义模块更符合组件化 定义的思想
2.如何引入pinia
首先自然是安装 npm i pinia -s
其实是引入`
import { createPinia } from "pinia";
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate);
export default pinia
插入代码片`
然后在main.js 里面引入
然后勒就是在页面中引入定义的文件
import {useStores} from ‘@/stores/counter.js’
let stores=useStores()
- 二 修改pinia状态的几种方式
1.使用 storeToRef(store) 的方式
2.store. p a t c h ( n a m e : ′ 赋 值 ′ ) 3. s t o r e . patch({ name:'赋值' }) 3.store. patch(name:′赋值′)3.store.patch((state)=>{ state.name=‘赋值’ })
4.这个是覆盖整个state的方式 store.$state
未完待续