当前位置: 首页 > news >正文

pinia-plugin-persistedstate 插件不生效

引入使用该插件使用时发现不生效
原因:pinia实例调用顺序不当
将:

// import './assets/main.css'
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import App from './App.vue'
import router from './router'
//引入初始化样式文件
import '@/styles/common.scss'
//引入懒加载指令插件并且注册
import { lazyPlugin } from './directives'
// 引入全局组件插件
import { componentPlugin } from '@/components'const app = createApp(App)
const pinia = createPinia()app.use(pinia)
pinia.use(piniaPluginPersistedstate)
app.use(componentPlugin)
app.use(router)
app.use(lazyPlugin)
app.mount('#app')

image.png
改为

// import './assets/main.css'
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import App from './App.vue'
import router from './router'
//引入初始化样式文件
import '@/styles/common.scss'
//引入懒加载指令插件并且注册
import { lazyPlugin } from './directives'
// 引入全局组件插件
import { componentPlugin } from '@/components'const app = createApp(App)
const pinia = createPinia()pinia.use(piniaPluginPersistedstate)
app.use(pinia)
app.use(componentPlugin)
app.use(router)
app.use(lazyPlugin)
app.mount('#app')

image.png

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • WPF Treeview开启虚拟化后如何找到TreeViewItem
  • Docker容器里centos、unbuntu无法使用 systemctl 命令
  • 更换到阿里云的 CentOS 7 镜像源
  • AutoSar AP软件规范中EM介绍及功能概要
  • 新技术环境下保密工作面临的挑战和应对策略
  • 【Python】Python中一些有趣的用法
  • canal监听mysql增量数据发布到rabbitmq
  • JavaWeb—XML_Tomcat10_HTTP
  • PLSQL导入导出ORACLE数据提示失败问题修改PLSQL配置
  • 目标检测研究方向——开放域目标检测
  • 【docker】虚拟化与docker基础
  • Android SurfaceFlinger——Vsync信号发送(五十二)
  • Ant-Design-Vue快速上手 指南+排坑(上)
  • IDEA连接数据库
  • 谈对象系列:C++类和对象
  • 【剑指offer】让抽象问题具体化
  • Bootstrap JS插件Alert源码分析
  • golang 发送GET和POST示例
  • HomeBrew常规使用教程
  • Rancher如何对接Ceph-RBD块存储
  • Spring-boot 启动时碰到的错误
  • 对超线程几个不同角度的解释
  • 多线程 start 和 run 方法到底有什么区别?
  • 极限编程 (Extreme Programming) - 发布计划 (Release Planning)
  • 前端代码风格自动化系列(二)之Commitlint
  • 提醒我喝水chrome插件开发指南
  • 你对linux中grep命令知道多少?
  • 《天龙八部3D》Unity技术方案揭秘
  • LIGO、Virgo第三轮探测告捷,同时探测到一对黑洞合并产生的引力波事件 ...
  • 策略 : 一文教你成为人工智能(AI)领域专家
  • 翻译 | The Principles of OOD 面向对象设计原则
  • 进程与线程(三)——进程/线程间通信
  • 如何用纯 CSS 创作一个菱形 loader 动画
  • ​io --- 处理流的核心工具​
  • ​补​充​经​纬​恒​润​一​面​
  • ​你们这样子,耽误我的工作进度怎么办?
  • # Python csv、xlsx、json、二进制(MP3) 文件读写基本使用
  • #图像处理
  • (04)odoo视图操作
  • (C语言)字符分类函数
  • (Qt) 默认QtWidget应用包含什么?
  • (佳作)两轮平衡小车(原理图、PCB、程序源码、BOM等)
  • (心得)获取一个数二进制序列中所有的偶数位和奇数位, 分别输出二进制序列。
  • (新)网络工程师考点串讲与真题详解
  • (一)使用Mybatis实现在student数据库中插入一个学生信息
  • (已解决)什么是vue导航守卫
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • (转载)深入super,看Python如何解决钻石继承难题
  • (最全解法)输入一个整数,输出该数二进制表示中1的个数。
  • .NET Core 版本不支持的问题
  • .net core使用ef 6
  • .Net FrameWork总结
  • .Net 路由处理厉害了
  • .net 微服务 服务保护 自动重试 Polly
  • .NET/C# 解压 Zip 文件时出现异常:System.IO.InvalidDataException: 找不到中央目录结尾记录。