首页 > 其他分享 >Nuxt.js安装Pinia与pinia-plugin-persistedstate

Nuxt.js安装Pinia与pinia-plugin-persistedstate

时间:2024-03-20 12:22:43浏览次数:24  
标签:npm Pinia plugin js pinia persistedstate 安装 nuxt

pinia安装

  1. 安装
  • npm i @pinia/nuxt
  1. 添加到nuxt.config.ts
export default defineNuxtConfig({
    modules: ['@pinia/nuxt'],
})

pinia-plugin-persistedstate安装

  1. 安装
  • pnpm : pnpm i -D @pinia-plugin-persistedstate/nuxt
  • npm : npm i -D @pinia-plugin-persistedstate/nuxt
  • yarn : yarn add -D @pinia-plugin-persistedstate/nuxt
  1. 添加到nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    '@pinia/nuxt', // needed
    '@pinia-plugin-persistedstate/nuxt',
  ]
})

可能遇到的问题

在Vscode中打开项目并安装完成后,可能一时间没法找到依赖,会报错。
重新npm run dev一下就能解决,不用再去安装原包并import。

标签:npm,Pinia,plugin,js,pinia,persistedstate,安装,nuxt
From: https://www.cnblogs.com/Cloudea/p/18084946

相关文章

  • 使用fabric.js框选图片区域定位标注图片内容
    仍然是在图片上特定区域根据数值显示不同的颜色的需求,过了这么久,svg图迟迟提供不了,考虑canvas方案。记录比较下canvas及各canvas框架的使用。canvas<!DOCTYPEhtml><html><head><metacharset="UTF-8"/><title>使用JavaScript在图像上选择区域</title></h......
  • js对象及new对象/函数的比较区别
    functionChenqiguo(){alert('qiguo');}Chenqiguo.prototype.getName=function(){alert('prototypeqiguo');}我们分别用new实例化构造函数和用普通的函数执行对原型求值varchenqiguo=newChenqiguo();//打印qiguochenqiguo.getName();//打印proto......
  • 基于Js和Java实现xlsx\xls文档的导入和下载
    基于Js和Java+MyBatis实现xlsx\xls文档的导入下载、导出背景:​ 实现xlsx\xls文档的导入、导出​ 导入效果:​ 导出效果:导出效果图1、导入、下载1.1、前台<divstyle="margin-left:15px"><inputtype="file"id="selectFile"name="selectFile"/>......
  • C# 中使对象序列化/反序列化 Json 支持使用派生类型以及泛型的方式
    C#中使对象序列化/反序列化Json支持使用派生类型以及泛型方式废话#前言#为啥想写这个博客最近自己写的框架有用到这个类似工作流,支持节点编码自定义,动态运行自定义.尽量减少动态解析这就需要确定类型.有什么好的奇思妙想可以一起来讨论噢(现在还是毛坯,测......
  • package-lock.json
    生成package-lock.json文件:1、运行npminstall命令,npm将自动生成package-lock.json文件。2、如果你已经安装了依赖,但是没有生成package-lock.json文件:运行npminstall--save命令,这将会更新package-lock.json文件,并确保所有依赖项都被正确记录。3、如果你想要使用package-lock......
  • JSON Web Token 入门教程
    本文收录于Github.com/niumoo/JavaNotes,Java系列文档,数据结构与算法!本文收录于网站:https://www.wdbyte.com/,我的公众号:程序猿阿朗JSONWebToken(JWT)是一种可以在多方之间安全共享数据的开放标准,JWT数据经过编码和数字签名生成,可以确保其真实性,也因此JWT通常用于身份认证......
  • 4.零基础Nodejs快速入门——Node.js 模块化
    Node.js模块化一、介绍1.1什么是模块化与模块?将一个复杂的程序文件依据一定规则(规范)拆分成多个文件的过程称之为模块化其中拆分出的每个文件就是一个模块,模块的内部数据是私有的,不过模块可以暴露内部数据以便其他模块使用1.2什么是模块化项目?......
  • 6.零基础Nodejs快速入门——包管理工具
    包管理工具一、概念介绍1.1包是什么『包』英文单词是package,代表了一组特定功能的源码集合1.2包管理工具管理『包』的应用软件,可以对「包」进行下载安装,更新,删除,上传等操作借助包管理工具,可以快速开发项目,提升开发效率包管理工......
  • 2024中国行政区域含港澳台【省市区县镇乡村】五级联动地址json数据
    GitHub-657258535/China-Area-Region-Administrative-Divisions:中华人民共和国行政区划:省级(省份)、地级(城市)、县级(区县)、乡级(乡镇街道)、村级(村委会居委会)五级联动地址数据。 中华人民共和国行政区划:省级(省份)、地级(城市)、县级(区县)、乡级(乡镇街道)、村级(村委会居委会)......
  • es6关于class在js和ts中的的一些理解
    关于class在js和ts中的的一些理解js中:classHuman{//加上static该属性只能通过Human类去获取;//不加static该属性可以通过实例去获取其实等同于写在consturctor里面。只不过是写死的,不能自定义statichobby="吃饭";constructor(name,age){th......