Pinia 第10页

Geeker-Admin 一款基于 Vue3.2、TypeScript、Vite3、Pinia、Element-Plus 开源的后台管理框架

介绍Geeker-Admin一款基于Vue3.2、TypeScript、Vite3、Pinia、Element-Plus开源的后台管理框架，使用目前最新技术栈开发。

快乐的想念17·2023-10-29 08:44

对Geeker-Admin源码的学习记录

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、代码分析1.main.ts2.App.vue3.route二、第三方的使用1.mitt库2.nprogress库3.pinia

月鹿01·2023-10-29 08:05

pinia-plugin-persistedstate适用于 Pinia 的持久化存储插件

pnpmipinia-plugin-persistedstatenpm:npmipinia-plugin-persistedstateyarn:yarnaddpinia-plugin-persistedstate将插件添加到pinia

大熋·2023-10-28 20:37

pinia 持久化插件 pinia-plugin-persistedstate 使用

1、下载引入//下载pinia持久化插件pinia-plugin-persistedstatenpminstallpinia-plugin-persistedstate//直接在main.ts中引入（也可以单独整理成一个文件

行走的API·2023-10-28 20:07

如何通过pinia-plugin-persistedstate实现数据持久化？

一、什么时候用pinia-plugin-persistedstate？

Her...·2023-10-28 20:37

Pinia 状态持久化插件——pinia-plugin-persistedstate

前言pinia和vuex存在同一个问题：页面刷新，store中的状态无法保持同样也可以用插件解决：pinia-plugin-persistedstate一、安装yarn：yarnaddpinia-plugin-persistedstatenpm

Unique·Blue·2023-10-28 20:35

nuxt3中引入pinia+数据持久化储存（pinia-plugin-persistedstate）

1、按装piniayarnaddpinia@pinia/nuxt#或者使用npmnpminstallpinia@pinia/nuxt2、安装pinia-plugin-persistedstatenpm:

jjww-135·2023-10-28 20:05

Pinia 数据持久化储存（pinia-plugin-persistedstate），简单入门使用（有手就行系列）

1.安装依赖npminstallpinia-plugin-persistedstate2.在main.js导入importpiniaPluginPersistedstatefrom'pinia-plugin-persistedstate

前端筱攻城狮·2023-10-28 20:02

【Vue】pinia 数据持久化插件 pinia-plugin-persistedstate 使用

刷新浏览器后，重新加载页面时会重新初始化vue、pinia，而pinia中状态的值仅在内存中存在，而刷新导致浏览器存储中的数据就没了。在实际开发中，浏览器刷新时，有些数据希望是保存下来的。

努力挣钱的小鑫·2023-10-28 20:58

如何在 uniapp 里面使用 pinia 数据持久化 (pinia-plugin-persistedstate)

想要在uniapp里面使用pinia-plugin-persistedstate会遇到的问题就是uniapp里面没有浏览器里面的sessionStoragelocalStorage这些api。

是阿臻·2023-10-28 20:27

pinia安装和使用

actions:修改状态（包括同步和异步，Pinia中没有mutations）。getters:计算属性。main.ts：import{createApp}from'vue'import'.

漂移的电子·2023-10-28 16:24

前后端CI/CD, GO编写minio存储文件服务 (一)

前言最近在用vue3写后台管理项目,发现花裤衩PanJiaChen的vue-element-admin源码还停在了vue2,一咬牙索性就自己厚着脸皮用vue3+vite2+pinia按照源码重写一下.写起来还算简单

Xiao_Yi_Zhou·2023-10-28 15:45

pinia中使用reactive声明变量，子页面使用时，值未改变,即不是响应式的（解决方法）

会丢失响应式的，只能通过obj.属性=属性值赋值方法一.pinia中直接使用ref定义变量即可exportconstuseUserStore=defineStore('user',()=>{letloginUser

豆逗逗·2023-10-28 00:25

pinia全局状态管理

使用：结合vue2、vue3使用优点：相比vuex：提供组合式和选项式的写法，支持ts类型推断，提供更简洁的状态管理（去除mutation）注意点：（1）使用store时不要结构，会失去响应性，因为store实际上是被reactive，结构同vue3，可以使用const{name,doubleCount}=storeToRefs(store)去解构（它将为每一个响应式属性创建引用）（2）store

m0_45127388·2023-10-27 22:02

Vue3+Vite+Ts 项目实战 02 配置 VueRouter、Pinia 配置和简单介绍、配置 SCSS

配置VueRouterVite创建的项目没有集成VueRouter，需要手动安装集成。Vue3使用最新版本的VueRouterv4.x。#安装npminstallvue-router@4创建路由配置文件：首页登录//src\router\index.tsimport{createRouter,createWebHistory,RouteRecordRaw}from'vue-router'const

皮蛋很白·2023-10-27 12:41

【VUE】ElementPlus之动态主题色调切换(Vue3 + Element Plus+Scss + Pinia)

前言关于ElementPlus的基础主题色自定义可以参阅《【VUE】ElementPlus之自定义主题样式和命名空间》有了上面基础的了解，我们知道ElementPlus的主题色调是基于CSS3变量特性进行全局控制的，那么接下来我们也基于CSS3变量来实现主题色调的动态切换效果；主要控制的色调类型有：primary、success、warning、danger、error、info针对这六个色调类型

陀螺蚁·2023-10-27 06:49

【vue3 】创建项目vscode 提示无法找到模块

…否/是√是否引入Pinia用于状态管理？…否/是√是否引入Vitest用于单元测试？…否/是√是否要引入一款端到端（EndtoEnd）测试工

公诚士·2023-10-26 15:04

Vue3+Ts+element-admin-Vite+Pinia

vite-vue-ts精简模版集成pinia+svg+router+@src-Typescript文档类资源-CSDN下载本源码已经调试通过集成Vite-vue-ts集成pinia+svg+router

东宇科技·2023-10-25 12:49

Vue 项目中使用 Pinia 状态管理详细教程

Pinia是一个用于状态管理的现代Vue3库，它提供了强大的工具来管理Vue应用程序的状态。以下是在Vue项目中使用Pinia的详细教程：步骤1：安装Pinia首先，你需要安装Pinia。

我是 · 闪电·2023-10-25 11:53

Pinia 入门 for vuex 开发者

官方给出的理由是：API更简单、更简洁，对TypeScript更友好没mutations没名称空间，但有模块概念TypeScript类型支持无需额外warps支持存储默认为动态的不再嵌套模块结构Vue({count:0}),getters:{double:(state)=>state.count*2,},actions:{increment(){this.count++;},},});//orde

我叫Aliya但是被占用了·2023-10-24 20:23

pinia 入门教程

文章目录pinia介绍一、pinia安装二、创建pinia实例三、创建store文件1.optionsstore2.setupstore四、state1.定义state2.使用state3.修改state

mini秀·2023-10-24 05:52

Pinia入门-实现简单的用户状态管理

目录一：pinia是什么二：pinia与vuex的区别三：pinia的基本使用3.1.安装3.2.创建一个pinia实例四：Pinia中的Store4.1.什么是store4.2.什么时候使用store4.3

una_mattina7·2023-10-24 05:22

Pinia快速入门

文章目录前言一、什么是Pinia1.创建Vue空项目2.安装Pinia3.将Pinia挂载到vue项目中二、Pinia基础使用1.官网案例2.getter实现3.action如何异步实现4.storeToRefs

笑的像个child·2023-10-24 05:51

Pinia入门使用(简易模板)

目录一、概念二、配置(具体参照官方文档)1、使用create-vue创建空的新项目2、根据文档安装pinia到目录3、在main.js中加入代码一、概念Pinia是Vue专属的最新的状态管理库，是vuex

泠月寒·2023-10-24 05:20

Pinia入门

1.什么是PiniaPinia是Vue的专属的最新状态管理库，是Vuex状态管理工具的替代品2.手动添加Pinia到Vue项目后面在实际开发Vue医疗项目的时候，Pinia可以在项目创建时自动添加，现在我们初次学习

是三好·2023-10-24 05:48

Vue3 开发语法使用总结（超详细、超基础）

前言最近开源了一套后台管理模板Wocwin-Admin，是基于Vue3.2、TypeScript、Vite4、Pinia、Element-Plus、Qiankun(微前端)技术栈，借此归纳一下Vue3.2

wocwin·2023-10-23 03:28

vite + vue3 + elementui + pinia搭建

vite+vue3+element+piniavite+vue3+elementui+pinia脚手架搭建过程开始搭建项目eslint支持（此处主要是用于定义代码规范，非必须安装，不建议新手执行）prettier

锥茎石豆兰·2023-10-22 10:59

Vue3 全家桶（vue3 + typescript + vite + pinia + vue-router + axios + vue-i18n）项目搭建

文件结构生成一个vue项目初始化//使用npmnpminitvite@latestvue3-ts-frontend--templatevue-ts//使用yarnyarncreatevitevue3-ts-frontend--templatevue-ts添加依赖npminstallant-design-vue-Snpminstallvue-router-Snpminstallvue-i18n-Sn

RosaChampagne·2023-10-22 10:57

Vite+Vue3+ElementPlus+Pinia+Axios+Vue-Router框架搭建

目录一、前言二、项目初始化三、安装依赖1.配置路径2.安装Vue-Router3.安装Axios4.安装Pinia和持久化插件5.安装ElementPlus6.自动导入7.安装图标8.package.json

localhost:9000·2023-10-22 10:57

vite+vue3+elementPlus+less+router+pinia+axios

1.创建项目2.按需引入elementplus3.引入less安装vue-router安装axios安装piniapinia的持久化配置(用于把数据放在localStorage中)---另外增加的配置1.创建项目npminitvite@latest2.按需引入elementplusnpminstallelement-plus--save//按需引入npminstall-Dunplugin-vue-

豆逗逗·2023-10-22 10:56

vite+Vue3踩坑总结

一、创建项目可参考：快速上手|Vue.js命令：npminitvue@latest,这个命令创建出来的项目可以选择router、pinia、eslint等配置。

gu9611·2023-10-22 01:32

基于vue3+ts5+vue-router4+pinia2的PC端项目搭建教程

导语：在日常开发中，有时候会在项目中引入ts来解决一些js的问题，下面就简单介绍一下如何使用vue3+ts+router+pinia来搭建一个项目。

马克关·2023-10-21 03:19

pinia保持数据持久化

pinia的用法安装：yarnaddpinia-plugin-persistedstateornpmipinia-plugin-persistedstate使用插件在main.js中注册：import{

小吴吴吴呀·2023-10-19 22:24

VUE3写电商系统(4)

VUE3写电商系统（4）1.环境2.知识点1.基础2.Pinia3.项目1.基础2.Element的主题颜色定制3.axios网络请求的配置封装4.降低eslint的组件命名规则5.router配置一级二级路由

我是小z呀·2023-10-19 21:41

解决了什么问题，与pinia有什么区别？

传递数据-案例演示传递事件-案例演示与pinia有什么区别？概念基本概念（是什么？）Vue全局事件总线是一种在Vue.js应用程序中进行组件之间通信的机制。

Tang_Monk·2023-10-19 12:44

pinia使用 piniaPluginPersist 持久化使用时候，添加persist属性时报错：没有与此调用匹配的重载

图片这种报错：添加persist,显示没有与此调用匹配的重载原因：自己的问题是，在tsconfig.json中配置了"target":"ES2020"（如下）,然后就导致引入piniaPluginPersist的时候被当成组件使用就没有效果。（至于为什么，自己还不知道，大佬可以说哈）{"compilerOptions":{"target":"ES2020","useDefineForClassFi

xtcyolo·2023-10-19 10:50

pinia初使用

pinia是类似vuex的状态管理，未来将会发展成vuex5.0版本，pinia比vuex简单了很多，去除了mutation，只有state,getters,actions（同步，异步都支持）,用法基本和

薛神仙·2023-10-19 10:19

vue3+pinia打包报错hasInjectionContext‘ is not exported

问题描述使用vue3+pinia打包时报错hasInjectionContext'isnotexported原因分析：在pinia中引用的hasInjectionContext在vue-demi插件中不存在

温、·2023-10-19 10:15

遇到bug，写pinia时：Cannot read properties of undefined (reading ‘startsWith‘）

场景：pinia中遇到的问题：在Vue中导入写好的pinia模块cardStore.js,无法使用该模块的数据问题描述浏览器的调试器弹出：原因分析：setup读不到pinia的模块，下面也提示在pinia

mnbvcxz0101·2023-10-19 10:13

记录 Nuxt3+pinia项目报错 TypeError: Cannot set properties of null (setting nodeValue )

nuxt3＋pinia项目项目场景：点击进入列表详情刷新详情页面数据丢失报错TypeError:Cannotsetpropertiesofnull(settingnodeValue)原代码：点击进入页面后页面

什么意思哦学不懂·2023-10-19 10:43

vue3.2.X + Vite2.X + Pinia2.X的前端项目常见报错

在vue3.2.X+Vite2.X+Pinia2.X项目中，执行npminstall或者npmrundev时，报以下几种错误的，均是因为版本不兼容,或者node版本过低导致，具体错误如下：硬件环境：windows764

listener_life·2023-10-19 10:41

vue3+ts+vite库开发，库被引用时报错“getActivePinia()“ was called but there was no active Pinia.的解决方案

我在开发一个基于vue3、TS、vite的库时，用到了pinia管理状态，库发布后，在项目中引用该库，浏览器控制台报错："getActivePinia()"wascalledbuttherewasnoactivePinia.Didyouforgettoinstallpinia

Ricky__H·2023-10-19 10:40

pinia下载使用时报错如何解决？

报错可能是因为pnpm下载的时候版本出现了问题更新pnpm的版本一、window+r打开终端输入pnpm-v检查是否是最新版本如果是8.6.2的话就更新更新步骤如下：二：打开pnpm下载的网盘位置我的是在c盘找到里面的用户文件夹点击选择dell里面的Appdata文件所在位置点击找到Roaming找到pnm文件夹把关于pnp开头的文件全部删除然后在终端打开安装pnpmadd-gpnpm安装完毕之后

一个大长腿·2023-10-19 10:10

当在router.js的路由守卫之前引入pinia时报错：Uncaught Error: []: getActivePinia was called with no active Pinia.

1.我们需要在pinia或者store文件下新增一个基础文件2.内容为import{createPinia}from'pinia'constpinia=createPinia()exportdefaultpinia3

陈不知代码·2023-10-19 10:10

vue3使用pinia配合pinia-plugin-persist实现持久化参数及全局数据监听，实现静态同步刷新

第一步安装插件pinia和pinia-plugin-persistnpminstallpinianpminstallpinia-plugin-persist第二步在main.js引入使用插件import

年破百万不是梦·2023-10-19 08:50

（pinia-plugin-persistedstate）pinia 持久化存储

背景我们使用pinia的时候，会遇到页面刷新的时候数据丢失，我们自己解决的话，就是在页面刷新之前将数据存储到本地，然后在页面打开的时候将数据从本地读出来，实现数据持久化。

_揽·2023-10-19 08:19

pinia持久化-【pinia-plugin-persist】

下载npmi-Spinia-plugin-persistmain.js中引入import{createApp}from'vue'import'./style.css'importAppfrom'./App.vue'constapp=createApp(App)//引入vue-routerimportrouterfrom"@/router";app.use(router)//引入element-pl

疆~·2023-10-19 08:48

Pinia数据持久化及数据加密

目录01持久化插件02加密持久化数据01持久化插件推荐使用pinia-plugin-persistedstate，其他持久化插件很容易出现bug安装npmipinia-plugin-persistedstate

Inpro-QD·2023-10-19 08:47

vue3+vite+pinia+pinia-plugin-persist持久化存储无效

dnpao·2023-10-19 08:17

Pinia学习-存储数据、修改数据以及持久化实现

Pinia是什么？

征途漫漫，唯有奋斗·2023-10-19 08:44

推荐频道

Pinia