E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
pinia
Vue3使用
Pinia
持久化存储(超详细介绍)
1、为什么要进行持久化存储?1.1.因为刷新页面会导致数据重置2、怎么进行持久化存储?2.1.下载插件:npmipinia-plugin-persistedstate2.2.在main.ts或main.js中进行稍微配置2.3.在仓库中使用
骨灰级小白111
·
2023-11-16 15:55
vue.js
vite + vue3 +
pinia
中 No matching export in “node_modules/_vue-demi@0.14.5@vue-demi/lib/index.mjs“
问题:在启动项目时cmd出现了这个问题原因:这个项目中的
pinia
是我自己下载的下载时直接就下载了默认版本的
pinia
此时这个版本的
pinia
跟vite不兼容就会出现这个问题解决:重新下载一个低版本的
pinia
北觅_小太阳
·
2023-11-16 15:54
vue.js
前端
javascript
vitest 单元测试配合@vue/test-utils 之
pinia
篇
whatisvitest&test-utils&piniavitest是由vite提供支持的极速单元测试框架,VueTestUtils是Vue.js的官方测试实用程序库,
pinia
是Vue.js的状态管理库
Selicens
·
2023-11-16 15:52
单元测试
vue.js
单元测试
javascript
pinia
中使用@vueuse/core库的useStorage做数据的持久化存储
useStorage(响应式本地/会话存储)官网示例地址参数说明/***@param{string}key键名(必填)*@param{string|number|boolean|object|null}defaults:默认值(必填)*@param{StorageLike(localStorage|sessionStorage)|undefined}storage默认为localStorage*@
大佩梨
·
2023-11-16 15:50
vue.js
前端开发插件
vue.js
前端
【Vue3+Ts+Vite】使用Vite与TS构建Vue3项目
Ts+Vite的项目学习地址:开始{#getting-started}|Vite中文网(vitejs.cn)与时俱进开始用全新的技术本文包含以下内容:基础框架的搭建,别名配置,vue-router配置,
pinia
lonelysnowman
·
2023-11-16 13:42
vue.js
javascript
npm
vue3+webpack+elementplus+国际化+axios封装+
pinia
文章目录创建项目+eslint+prettier切换
pinia
(后补上)创建项目eslint+prettier注意自动格式化elementplus注意elementplusicon注意:国际化注意axios
PBitW
·
2023-11-16 04:40
vue3
vue3创建
vue3+webpack
element
plus
vue3
+
i18n
axios封装
七、Vue3使用
Pinia
刷新页面状态丢失解决方案
使用
pinia
-plugin-storage插件npmipinia-plugin-storage或者手写一个本地存储插件,做到
Pinia
本地持久化src/plugin/piniaPlugin.tsimport
xyphf_和派孔明
·
2023-11-16 00:38
vue.js入门
pinia
五、Vue3中使用
Pinia
的同步异步操作及getters用法
Pinia
的同步操作src/store/index.tsimport{defineStore}from'
pinia
';import{Names}from'.
xyphf_和派孔明
·
2023-11-16 00:07
vue.js入门
前端
javascript
开发语言
六、Vue3使用
Pinia
的常用API
$reset():void重制通过建立一个新的状态对象,将store重设为初始状态。返回值:void$subscribe监听state的变化$subscribe(callback,options?):()=>void设置一个回调,当状态发生变化时被调用。它会返回一个用来移除此回调的函数。请注意,当在组件内调用store.$subscribe()时,除非detached被设置为true,否则当组件被
xyphf_和派孔明
·
2023-11-16 00:02
vue.js入门
前端
javascript
vue.js
pinia
vue3: 2.如何利用 effectScope 自己实现一个青铜版
pinia
一 getters篇
vue3:如何利用effectScope自己实现一个青铜版
pinia
-getters篇上一篇我们实现了状态管理仓库的state,
pinia
和vuex中都有计算属性getters,接下来我们就来实现计算对象
良 逸
·
2023-11-15 03:44
vue
pinia
vue.js
前端
javascript
vue3: 3.如何利用 effectScope 自己实现一个青铜版
pinia
一 actions篇
vue3:如何利用effectScope自己实现一个青铜版
pinia
-actions篇上一篇我们实现了状态管理仓库的getters,但是实际应用中并不推荐我们直接更改store.state的值,所以我们需要实现一个
良 逸
·
2023-11-15 03:44
vue
pinia
vue.js
前端
javascript
vue3: 1.如何利用 effectScope 自己实现一个青铜版
pinia
一 state篇
vue3:如何利用effectScope自己实现一个青铜版
pinia
-state篇当下vue3如此火热,vue3的下一代轻量级状态管理工具
pinia
也是我们必不可少的学习对象,想要学习
pinia
,就要知道它的实现原理现在我们就手把手实现一个自己的青铜版
良 逸
·
2023-11-15 03:14
vue
pinia
javascript
vue.js
前端框架
Pinia
+Route
Pinia
1.基本使用安装yarnaddpinia使用挂载到入口文件import{createApp}from"vue";import{createPinia}from"
pinia
";importAppfrom
会飛的魚,
·
2023-11-15 03:43
vue3
vue.js
javascript
前端
【手写源码】解析
Pinia
原理
/defineStore'createPinia主要就是为了返回一个带install方法的对象,然后install的时候向全局暴露出
pinia
这个对象(这个对象不管在vue3中还是vue2中还是在其他不是
百万前端
·
2023-11-15 03:43
前端
Pinia
使用说明Vue3状态管理组件
本文参考:https://blog.csdn.net/qq1195566313/article/details/123338137https://
pinia
.web3doc.top/状态管理组件,代替vuex_
Pinia
.js
有蓝
·
2023-11-15 03:43
vue.js
javascript
前端
手写权限管理系统vue3+elementPlus+
Pinia
+typescript
theme:channing-cyan框架简介随着vue3和elementPlus稳定版发布,现在需要对之前的框架进行升级,vue3-elementPlus-admin是基于vue3+elementPlus+
Pinia
酒一壶||茶一盏
·
2023-11-15 03:13
后台模板
typescript
javascript
前端
【vue3】
Pinia
是什么?实现原理?手写
Pinia
!
前言:本文只是说明
pinia
的核心功能及核心原理,它本身的功能是很多很复杂的,这里就不进行叙述,我们只需要掌握这个工具的核心功能即可。
接着奏乐接着舞。
·
2023-11-15 03:42
Vue3
vue.js
javascript
前端
三、Vue3中使用
Pinia
修改State的方法
修改
Pinia
仓库的值有5种方式src/store/index.tsimport{defineStore}from'
pinia
';import{Names}from'.
xyphf_和派孔明
·
2023-11-14 23:38
vue.js入门
vue.js
javascript
前端
一、Vue3全局状态管理
pinia
的安装
替代Vuex的全局状态管理工具,官网=>使用
pinia
好处多多:同时支持Vue3和Vue2,体积极小,压缩后的体积只有1kb上下,完整的ts的支持,代码扁平化没有模块嵌套,只有store的概念,store
xyphf_和派孔明
·
2023-11-14 23:08
vue.js入门
vue.js
前端
javascript
二、Vue3全局状态管理工具
pinia
仓库初始化
目录下新建store文件夹,store下面创建一个index.ts文件,定义仓库Storesrc/store/index.ts中引入defineStore;import{defineStore}from'
pinia
xyphf_和派孔明
·
2023-11-14 23:08
vue.js入门
vue.js
前端
javascript
四、Vue3中使用
Pinia
解构Store
pinia
原始值:{{Test.current}}---{{Test.name}}change解构后值:{{current}}---{{name}}changeimport{useTestStore}from
xyphf_和派孔明
·
2023-11-14 23:36
vue.js入门
javascript
前端
开发语言
uni-app基于vite和vue3创建并集成
pinia
实现数据持久化
一、uni-app基于Vite和Vue3创建并集成
pinia
实现数据持久化文章目录一、uni-app基于Vite和Vue3创建并集成
pinia
实现数据持久化1.如何创建基于Vite和Vue3的uni-app
梦和远方
·
2023-11-13 19:29
Vue
uni-app
vue.js
vite
Vue3中的组件通信方式
子向父通信5、provide/inject父向子、兄弟之前通信6、eventBus父向子通信(Vue3移除)【官方推荐使用mitt或tiny-emitter,使用pubsub-js也可以】7、vuex/
pinia
JackieChan_
·
2023-11-13 17:42
vue3
vue.js
javascript
前端
Pinia
状态管理器 菠萝:Option Store风格
Pinia
介绍:
Pinia
是Vue的专属状态管理库,它允许你跨组件或页面共享状态。
Pinia
大小只有1kb左右,超轻量级,你甚至可能忘记它的存在!
无盐海
·
2023-11-12 22:41
Vue
vue.js
前端
Pinia
状态管理器 菠萝:Setup Store风格
Pinia
介绍:
Pinia
是Vue的专属状态管理库,它允许你跨组件或页面共享状态。
Pinia
大小只有1kb左右,超轻量级,你甚至可能忘记它的存在!
无盐海
·
2023-11-12 22:41
Vue
vue.js
javascript
前端
Vue3 第十篇:使用ElementPlus图标
/router'import{createPinia}from'
pinia
'importpiniaPersistfrom'
AI吃番茄
·
2023-11-12 22:39
vue
Vue3
vue.js
前端
javascript
setup
pinia
使用指南
基于使用setup()时的用法记录定义StoredefineStore用来定义定义Store,第一个参数为Store的id,用于区分不同模块state定义数据,相当于vue中的data,为了完整类型推理,推荐使用箭头函数;getters对state中数据进行计算处理,相当于vue中的computedaction相当于vue中的method,可以写同步和异步方法import{defineStore}
了 义
·
2023-11-12 18:34
nvvm
前端
vue.js
pinia
vue3大事件管理系统
文章目录后台数据管理系统-项目架构设计项目页面介绍pnpm包管理器-创建项目ESLint&prettier配置代码风格基于husky的代码检查工作流调整项目目录VueRouter4路由代码解析引入element-ui组件库
Pinia
伊人--
·
2023-11-12 07:51
vue.js
前端
vue3+TS+Vite2+Element Plus管理系统通用模板(2022最新)
技术栈:vue3+TypeScript+Vite2+
Pinia
+ElementPlus+VueRouter初始化项目安装vue-ts模板,和vite,并设置项目名称GBT(GeneralBackgroundTemplate
一个bug一等级
·
2023-11-11 21:52
vue.js
javascript
前端
Vite创建vue3+ts+
pinia
+vant项目起步流程
pnpm介绍&安装本质上他是一个包管理工具,和npm/yarn没有区别,主要优势在于包安装速度极快磁盘空间利用效率高安装:npmipnpm-g使用:npm命令pnpm等效npminstallpnpminstallnpmiaxiospnpmaddaxiosnpmiwebpack-Dpnpmaddwebpack-Dnpmrundevpnpmdev小结:pnpm是一个高效的包管理工具,使用和npm和ya
是三好
·
2023-11-11 21:19
#
VUE3
vue3
ts
pinia
vant
1024程序员节
vue3 admin后台管理开发笔记
gitvscode开发vue3插件:volar(使用此插件时,把vetur禁用,vetur是vue2插件)1、开发依赖下载vue3脚手架并配置路由(vue3+vue-router4+vite+eslint+
pinia
FF_XM
·
2023-11-11 21:43
vue.js
前端
javascript
pinia
踩坑之旅——在组件外使用
pinia
pinia
踩坑之旅——在组件外使用
pinia
缘由最近在使用
pinia
开发项目时产生了一个bug,说在定义
pinia
前使用了
pinia
。
Jackson_Mseven
·
2023-11-11 18:18
Vue
javascript
vue.js
前端
pinia
pinia
——打败vuex的新一代vue存储库
因此打算系系统统仔仔细细的学习一波~vue3系列文章将定期更新直至完结~~~使用官方提供的脚手架工具新建一个vue3项目会发现,官方已将
pinia
作为默认的状态存储库提供在安装选项中了。
super_wanan
·
2023-11-11 17:24
vue3
vue.js
javascript
前端
Vuex5——
pinia
目录前言一、安装使用
pinia
1、项目中安装
pinia
2、将
pinia
绑定到Vue根实例上3、创建并使用一个Store二、
Pinia
成员1、state2、getters3、actions三、
Pinia
插件四
weixin79893765432...
·
2023-11-11 17:51
#
Vue.js
vue
vuex
pinia
vue2 vuex模块化设计
vue2vuex模块化设计为了方便vuex使用,简单进行vuex的模块化设计,这里仅仅针对vue2,vue3有更简单的
pinia
,本身就是按照模块化进行的设计,因此不讨论。
沐沐茶壶
·
2023-11-11 14:04
vue.js
webpack
前端
vue3 使用
pinia
/App.vue'import{createPinia}from"
pinia
";constpinia=createPinia();constapp=createApp(App);app.use(
pinia
m0_63701303
·
2023-11-11 13:56
javascript
前端
开发语言
Pinia
刷新会丢失数据 应该怎么解决
Pinia
:
pinia
官网
pinia
-plugin-persistedstate:
pinia
-plugin-persistedstate官网
Pinia
是一个Vue.js状态管理库,它允许你创建一个全局的
前端小灰狼
·
2023-11-10 16:13
Vue3
前端
javascript
uniapp 使用vue3 (第一篇vuex(弃用), 改用
pinia
)
记录日常开发的总结,包含vuex,全局方法,http请求,组件等等一:创建vuex目录目录结构store-----|modules|--------------------|app.js|--------------------|im.js-----|index.jsindex.js内容importappfrom'./modules/app.js'importimfrom'./modules/im
weixin_44596839
·
2023-11-10 12:26
vue
uniapp
vue
Vue3 项目完整配置
使用包管理工具pnpm2、新增目录三、配置ESLint1、添加代码2、修改VSCode配置四、husky工具配置五、暂存区eslint校验六、axios配置1、安装创建2、测试七、导入ElementPlus八、
Pinia
玄天灵
·
2023-11-10 08:55
前端
vue
elementui
前端
前端框架
轻量状态管理工具
Pinia
轻量状态管理工具
Pinia
作为前端开发,你肯定知道状态管理是日常开发很重要的一部分。你肯定也听过许多状态管理工具,今天我们说一下Vue系列的新起之秀
Pinia
。
诸葛亮的芭蕉扇
·
2023-11-10 01:19
前端
vue.js
javascript
uni-app多端开发
项目二、在微信小程序后台找到appId填写appId三、运行项目四、使用uni-ui4-1、下载4-2、自动导入4-3、ts项目下载类型校验(uni-ui组件库)4-3-1、下载4-3-2、配置五、持久化
pinia
weixin_43993776
·
2023-11-09 16:54
uni-app
前端
vue3 ts
pinia
openapi vue-query pnpm docker前端架构小记
1.引言开发中,我们是否经常遇到以下痛点:项目越大,启动和热更新越来越慢,启动都要花个3-5分钟以上没有类型保障,接口返回的Object不拿到真实数据都不知道有哪些字段,接手别人js项目(无类型)很痛苦需要手动写很多request函数去调用api,手动书写各种判断枚举值缺乏代码格式化,代码错误检查,gitcommit规范数据流要么太死板,对ts支持很差(dva),要么太灵活(mobx)npm包管理
lane_developer
·
2023-11-09 15:37
vue
前端
vue.js
docker
Pinia
是什么?Redux、Vuex、
Pinia
的区别?
结论先行:
Pinia
是官方团队开发的一个全新状态管理库。核心都是解决组件间的通信和数据的共享问题。它和Vuex类似,但使用起来更加简单和直观。
小草莓蹦蹦跳
·
2023-11-08 08:06
Vue1.x和Vue2.x
每日专栏
Vue3.x
vue.js
前端
vue3 单一状态管理
2,单一状态管理vue-状态管理一个比较容器想到的方式——状态管理器Vuex或
Pinia
。借鉴这个思路,可以通过自定义一个全局单例来实现。目录--api--inde
下雪天的夏风
·
2023-11-08 08:19
vue3
vue.js
javascript
前端
js
vue3
报错-TypeError: Cannot read properties of undefined (reading ‘url‘)
背景:使用
pinia
进行状态管理,优化接口调用请求时,报错TypeError:Cannotreadpropertiesofundefined(reading'url')TypeError:无法读取未定义的属性
要加油哦~
·
2023-11-07 08:23
编程报错
编程中的错误总结
vue学习
vue.js
前端
javascript
状态管理技术选型
目录状态管理技术选型1.
Pinia
概述2.Vuex的应用2.1Vuex的使用2.2测试组件3.
Pinia
的应用3.1
Pinia
的使用3.2
Pinia
的持久化3.3测试组件4.
Pinia
与Vuex的比较总结状态管理技术选型
Bee.Bee.
·
2023-11-07 03:56
前端方案
javascript
前端
typescript
vue.js
Vue3+Vite+
Pinia
+Naive后台管理系统搭建之四:Naive UI 组件库的安装和使用
github开源库:Vue3-Vite-
Pinia
-Naive-Jsgitee开源库:Vue3-Vite-Pi
yqcoder
·
2023-11-07 02:30
vue.js
前端
javascript
vue3+ts 项目遇到的问题和bug
1.router中使用
pinia
报错
pinia
.mjs:1709UncaughtError:[]:"getActivePinia()"wascalledbuttherewasnoactivePinia.Areyoutryingtouseastorebeforecalling"app.use
风无雨
·
2023-11-06 15:24
问题与bug
vue.js
前端
javascript
vue-query的使用
vue-query,类似于vuex/
pinia
,以缓存为目的,但侧重的是对网络请求的缓存。
UzumakiHan
·
2023-11-06 15:20
前端
vue
vue-query
vue3组件通信的九大方式(props,自定义事件,$bus,v-model,useAttrs,ref和$parent,provide与inject,
pinia
,slot)
vue3组件通信的九大方式:props,自定义事件,$bus,v-model,useAttrs,ref和$parent,provide与inject,
pinia
,slot一、props二、自定义事件2.1
Gik99
·
2023-11-06 13:09
vue3
javascript
vue.js
前端
上一页
5
6
7
8
9
10
11
12
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他