2022.7.14 pinia

78 阅读1分钟

image.png

vite创建ts的vue项目命令

image.png

image.png

通过createPinia()函数创建一个pinia实例,然后全局注册pinia中间件

image.png

image.png

通过defineStore(store名称,配置项),返回useUserStore函数

image.png

image.png

通过useCommonStore()方法生成一个store实例。
然后就可以在组件中访问到store中的值
通过storeToRefs()方法对store进行响应式解构,获取store中的值,且值直接为响应式(运用较多)

image.png

image.png

store.$patch()进行state的批量更改(运用较多)

image.png

store.$state()进行state的整个数据替换