在组件外(.js文件)中使用pinia的解决方法
更新时间：2024年06月19日 15:38:29 作者：k0933
这篇文章主要给大家介绍了关于在组件外(.js文件)中使用pinia的解决方法, pinia是Vue的最新一代的轻量级状态管理插件,它允许跨组件/页面共享状态,需要的朋友可以参考下
场景
在封装的HTTP中使用pinia,如下：
结果报错：
Uncaught Error: [🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)“
报错原因：
在使用pinia时，还没有在main.js中完成注册pinia文档
解决方法
1、在stores中新建index.js
import { createPinia } from 'pinia'
const pinia = createPinia()
export default pinia
2 、在main.js中引入并注册
import pinia from './stores' app.use(pinia)
3、在http.js中引入并传入
import pinia from '@/stores/index.js'
import { useCommonStore } from '@/stores/common'
const commonState = useCommonStore(pinia)
完毕
总结
到此这篇关于在组件外(.js文件)中使用pinia的文章就介绍到这了,更多相关组件外.js文件使用pinia内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章介绍了Javascript alert消息换行的方法，有需要的朋友可以参考一下2013-08-08
鼠标经过子元素触发mouseout，mouseover事件的解决方案
这篇文章主要介绍了鼠标经过子元素触发mouseout，mouseover事件的解决方案的相关资料,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了JavaScript中数据结构与算法(一)：栈,本文讲解了栈的结构、什么是回文以及递归等内容,讲解的不错,通俗易懂,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了js之如何筛选出两个数组相同的值问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
创建一个JavaScript表单验证插件，可以说是一个繁琐的过程，涉及到初期设计、开发与测试等等环节。实际上一个优秀的程序员不仅是技术高手，也应该是善假于外物的。本文介绍的这个不错的JavaScript表单验证插件，支持ajax验证，有需要的小伙伴可以参考下2015-05-05
在本篇文章中我们给大家通过实例讲解一下关于JavaScript页面加载事件的相关知识点内容，有需要的朋友们可以参考下。2019-09-09
不是效率的问题 是 内存碎片的问题 用数组速度比“+”要慢 只是内存占的少和内存碎片少一些，现在根本不推荐用数组来处理了。2010-12-12
今天小编就为大家分享一篇解决layui弹框失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
使用JS操作文件(FileReader读取--node的fs)
这篇文章主要介绍了使用JS操作文件(FileReader读取--node的fs)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-12-12
JavaScript实现自动生成网页元素功能（按钮、文本等）
这篇文章主要介绍了JavaScript实现自动生成网页元素功能，文章列出了三种可以进行增删改克隆按钮、文本等元素的方法，感兴趣的小伙伴们可以参考一下2015-11-11
最新评论