关于Pinia学习使用的一些事

189 阅读1分钟

关于Pinia

Pinia.js 是新一代的状态管理器,由 Vue.js团队中成员所开发的,因此也被认为是下一代的 Vuex,即 Vuex5.x,在 Vue3.0 的项目中使用也是备受推崇。

安装

npm install pinia --save

关于pinia有几点我的体验

  • 首先他的安装和使用非常之简便,没有mutations和action的区别直接就是在文件中创建state与getter和action
  • getter具有着类似vue中的computed的功能,也具有一定的缓存功能,在数据发生改变时会被缓存,多次获取也只会处理一次
  • action就是pinia的操作函数了,最重要的就是Pinia就是可以使用asyn异步操作,可以使用async、await来进行异步操作,promise也是不在话下
  • 支持多重套娃,没错就是可以多重套娃,多个数据库可以相互套用,合并等等,类似vue3中的函数式操作,非常方便代码块的封装使用

关于pinia一些小注意点

看到这里的时候如果有小伙伴还没有学习过pinia真的要去要去学习下了,用过的都说好哈哈哈! 当然在使用中也遇到了一些问题比如在组件之外使用会出现这个错误 getActivePinia was called with no active Pinia. Did you forget to install pinia?

f648a15b7b2e8945e86c66b1936f276.png 在组件之外使用pinia不放在函数中的话会在创建之前就被调用,就会发生这种错误 详细可以见文档Actions | Pinia (vuejs.org)

其实其余的组件如果发生错误的话也可以这样去尝试修改下,将声明放在函数中,这样的话不会产生这样的错误了,好了,今天的分享就到这里了,谢谢大家