在組件外(.js文件)中使用pinia的解決方法
更新時(shí)間：2024年06月19日 15:38:29 作者：k0933
這篇文章主要給大家介紹了關(guān)于在組件外(.js文件)中使用pinia的解決方法, pinia是Vue的最新一代的輕量級(jí)狀態(tài)管理插件,它允許跨組件/頁面共享狀態(tài),需要的朋友可以參考下
場(chǎng)景
在封裝的HTTP中使用pinia,如下：
結(jié)果報(bào)錯(cuò)：
Uncaught Error: [??]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)“
報(bào)錯(cuò)原因：
在使用pinia時(shí)，還沒有在main.js中完成注冊(cè)pinia文檔
解決方法
1、在stores中新建index.js
import { createPinia } from 'pinia'
const pinia = createPinia()
export default pinia
2 、在main.js中引入并注冊(cè)
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)
完畢
總結(jié)
到此這篇關(guān)于在組件外(.js文件)中使用pinia的文章就介紹到這了,更多相關(guān)組件外.js文件使用pinia內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章介紹了Javascript alert消息換行的方法，有需要的朋友可以參考一下2013-08-08
鼠標(biāo)經(jīng)過子元素觸發(fā)mouseout，mouseover事件的解決方案
這篇文章主要介紹了鼠標(biāo)經(jīng)過子元素觸發(fā)mouseout，mouseover事件的解決方案的相關(guān)資料,需要的朋友可以參考下2015-07-07
JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(一)：棧
這篇文章主要介紹了JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(一)：棧,本文講解了棧的結(jié)構(gòu)、什么是回文以及遞歸等內(nèi)容,講解的不錯(cuò),通俗易懂,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了js之如何篩選出兩個(gè)數(shù)組相同的值問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
自己編寫的支持Ajax驗(yàn)證的JS表單驗(yàn)證插件
創(chuàng)建一個(gè)JavaScript表單驗(yàn)證插件，可以說是一個(gè)繁瑣的過程，涉及到初期設(shè)計(jì)、開發(fā)與測(cè)試等等環(huán)節(jié)。實(shí)際上一個(gè)優(yōu)秀的程序員不僅是技術(shù)高手，也應(yīng)該是善假于外物的。本文介紹的這個(gè)不錯(cuò)的JavaScript表單驗(yàn)證插件，支持ajax驗(yàn)證，有需要的小伙伴可以參考下2015-05-05
在本篇文章中我們給大家通過實(shí)例講解一下關(guān)于JavaScript頁面加載事件的相關(guān)知識(shí)點(diǎn)內(nèi)容，有需要的朋友們可以參考下。2019-09-09
不是效率的問題 是 內(nèi)存碎片的問題 用數(shù)組速度比“+”要慢 只是內(nèi)存占的少和內(nèi)存碎片少一些，現(xiàn)在根本不推薦用數(shù)組來處理了。2010-12-12
今天小編就為大家分享一篇解決layui彈框失效的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
使用JS操作文件(FileReader讀取--node的fs)
這篇文章主要介紹了使用JS操作文件(FileReader讀取--node的fs)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-12-12
JavaScript實(shí)現(xiàn)自動(dòng)生成網(wǎng)頁元素功能（按鈕、文本等）
這篇文章主要介紹了JavaScript實(shí)現(xiàn)自動(dòng)生成網(wǎng)頁元素功能，文章列出了三種可以進(jìn)行增刪改克隆按鈕、文本等元素的方法，感興趣的小伙伴們可以參考一下2015-11-11