在組件外(.js文件)中使用pinia的解決方法
更新時(shí)間：2024年06月19日 15:38:29 作者：k0933
這篇文章主要給大家介紹了關(guān)于在組件外(.js文件)中使用pinia的解決方法, pinia是Vue的最新一代的輕量級(jí)狀態(tài)管理插件,它允許跨組件/頁(yè)面共享狀態(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)文章
JS+HTML5實(shí)現(xiàn)的前端購(gòu)物車功能插件實(shí)例【附demo源碼下載】
這篇文章主要介紹了JS+HTML5實(shí)現(xiàn)的前端購(gòu)物車功能插件,結(jié)合完整實(shí)例形式分析了JS結(jié)合HTML5的storage特性存儲(chǔ)數(shù)據(jù)實(shí)現(xiàn)購(gòu)物車功能的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-10-10
閉包的功能強(qiáng)大，但如果沒有正確理解閉包的概念，其結(jié)果往往出乎人的意料。例如，下面是一個(gè)較常見的問題2009-03-03
jquery獲取img的src值的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨query獲取img的src值的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)選項(xiàng)卡功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
Javascript中匿名函數(shù)的多種調(diào)用方式總結(jié)
這篇文章主要是對(duì)Javascript中匿名函數(shù)的多種調(diào)用方式進(jìn)行了詳細(xì)的總結(jié)介紹。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
本文為大家介紹下javascript中普通函數(shù)的使用，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-12-12
javascript設(shè)計(jì)模式 – 觀察者模式原理與用法實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 觀察者模式,結(jié)合實(shí)例形式分析了javascript觀察者模式相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)中對(duì)象的定義和繼承詳解
這篇文章主要介紹了JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)中對(duì)象的定義和繼承,結(jié)合實(shí)例形式詳細(xì)分析了javascript面向?qū)ο蟪绦蛟O(shè)計(jì)中對(duì)象定義、繼承、屬性、方法、深拷貝等相關(guān)概念與操作技巧,需要的朋友可以參考下2019-07-07
給你一個(gè)文件名,你能獲得它的擴(kuò)展名嗎?這篇文章主要給大家介紹了關(guān)于如何使用js獲取擴(kuò)展名的相關(guān)資料,文中介紹了幾種實(shí)現(xiàn)的方法,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-02-02
JS數(shù)組去掉重復(fù)數(shù)據(jù)只保留一條的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS數(shù)組去掉重復(fù)數(shù)據(jù)只保留一條的實(shí)現(xiàn)代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08