vue3总结第三弹(pinia存储库)

2022-08-15 233 阅读1分钟

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情

大家好，我们接着上文的vue总结第二弹，这次主要是给大家分享vue3中使用pinia的封装以及总结

1.`pinia`

pinia是干什么的:pinia是vue的存储库，他和Vuex有很多相似之处，其实它应该说成是vuex5.0版本，
因为pinia就是原Vuex原班人马打造的，也是Vue作者推荐Vue3使用的存储库,对比vuex取消了mutations
对TS支持更友好。

2.`安装pinia`

在main.ts(.js)中导入

### 3.`封装pinia`

新建一个store.ts(.js)文件在根目录下

我们可以创建多个实例进行多模块管理就像图片里面的一样，名称不同就可以。

4.`使用pinia`

👋 写在最后

其实我们可以看到pinia和vuex使用起来相差并不多，但是比vuex更加适合vue3，无需创建自定义复杂包装器
来支持 TypeScript，所有内容都是类型化的，并且 API 的设计方式尽可能利用 TS 类型推断。