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.使用piniapnpmipinia2.按照工程化目录创建storeimport{defineStore}from'
pinia
';interfacestu{name:string,age:number
江南一舟110
·
2023-12-31 17:16
javascript
开发语言
ecmascript
vue3全网最全教程-----(4)
【
pinia
】6.9.【slot】1.默认插槽2.具名插槽3.作用域插槽7.其它API7.1.【shallowRef与shallowReactive】shallowRefshallowRe
前端 贾公子
·
2023-12-31 15:04
javascript
前端
vue.js
vue3全网最全教程-----(3)
【重定向】5.
pinia
5.1【准备一个效果】5.2【搭建
pinia
环境】5.
前端 贾公子
·
2023-12-31 15:58
网络
探索
Pinia
:简化 Vue 状态管理的新选择(下)
在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录四、Vuex的优势五、选择
Pinia
阿珊和她的猫
·
2023-12-31 13:45
vue.js
前端
javascript
【
Pinia
】快速入门及数据持久化
import{defineStore}from"
pinia
";import{ref}from"vue";exportconstuseUserInfoStore=defineStore('userInfo
小秀_heo
·
2023-12-31 11:35
Pinia
javascript
前端
开发语言
最新版本Vue3的学习笔记-第五章
的学习笔记-第一章最新版本Vue3的学习笔记-第二章最新版本Vue3的学习笔记-第三章(上部)最新版本Vue3的学习笔记-第三章(下部)最新版本Vue3的学习笔记-第四章最新版本Vue3的学习笔记-第五章5.
pinia
5.1
.徐十三.
·
2023-12-31 07:11
前端框架
学习
笔记
vue.js
pinia
--vue3中的状态管理
一、
Pinia
是什么?
Pinia
是Vue的存储库,它允许跨组件/页面共享状态。
张不大了
·
2023-12-30 07:49
vue
vue.js
uniapp项目安装
pinia
2.1版本后,编译项目报错“hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/inde
“hasInjectionContext“isnotexportedby“node_modules/
pinia
/node_modules/vue-demi/lib/index.mjs“,i_hasinjectioncontext"isnotexportedby"node_modu-CSDN
深一海
·
2023-12-29 16:21
vue.js
uni-app
前端
pinia
使用
pinia
-plugin-persist插件无法切换localStorage存储
问题描述使用
pinia
-plugin-persist插件,当配置项storage设置为localStorage,但仍然向sessionStorage中存储数据persist:{enabled:true,
苦夏木禾
·
2023-12-28 10:31
vue
前端
一盏茶的时间,带你轻松上手
Pinia
PiniaOptionStorePinia提供多种选项配置Store:stategettersactionspersist使用Store读取状态调用Actions多个StoreSetupStore数据持久化
Pinia
江城开朗的豌豆
·
2023-12-28 08:14
vue3
Pinia
javaScript
javascript
开发语言
前端
【Vue3实践】(七)Vue中的全局状态管理 使用Vuex或
Pinia
管理按钮权限
文章目录1.前言2.状态的概念3.Vuex管理状态3.1.Vuex安装及功能定义3.2.全局注入及使用4.
Pinia
管理状态4.1.
Pinia
中的核心概念4.2.
Pinia
的定义与使用4.3.使用组合式
挥之以墨
·
2023-12-28 08:19
#
Vue
WEB前端
vue.js
前端
javascript
vue3+vite+vue-router实现动态读取文件夹名称和addRoute
的新增属性获取文件夹名称及其component动态加载到router上文件目录://main.jsimport{createApp}from'vue';import{createPinia}from'
pinia
zhooson
·
2023-12-28 07:29
vite
vue3.0
vue.js
【项目实战】基于Vue3+TypeScript+
Pinia
的后台管理系统(coderwhy)
基于Vue3+TypeScript+
Pinia
的后台管理系统是基于Vue3、
Pinia
、VueRouter、Vite、ElementPlus、TypeScript、Echarts等后台系统接口地址https
起伏羊
·
2023-12-28 07:54
项目实战
typescript
Vue
typescript
echarts
vue.js
前端
elementui
Pinia
的使用方法
Pinia
的作用作用
Pinia
是Vue.js的轻量级状态管理库,他可以在组件和页面间共享状态。
全栈^_^小菜鸟
·
2023-12-27 22:30
javascript
前端
vue.js
什么是
pinia
Pinia
是一个用于Vue.js应用的状态管理库。它提供了一种简单而优雅的方式来管理组件之间的数据和状态。
Pinia
的目标是提供更好的类型推断支持,以及更好的开发工具和调试体验。
破浪前进
·
2023-12-27 17:40
vue
vue2、vue3状态管理之vuex、
pinia
1.2Mutation在vuex中定义:在组件中使用:1.3Action在vuex中定义:将上面的减法操作改为异步操作在组件中使用:1.4Getter1.4Modules二、状态管理之piniapinia文件
pinia
芳草斜阳_晨光
·
2023-12-27 12:36
javascript
vue.js
前端
vue3实现
pinia
仓库状态持久化
使用
pinia
-plugin-persistedstate实现
pinia
仓库状态持久化安装pnpmipinia-plugin-persistedstate#ornpmipinia-plugin-persistedstate
Eleven....
·
2023-12-27 12:56
Pinia
Vue3 教程
ts教程:一篇让你完全够用TS(TypeScript)的指南-知乎vue:简介|Vue.jspinia:
Pinia
使用指南——没用过但一看就会!
山塘小鱼儿
·
2023-12-27 08:02
vue3
vue.js
elementui
Pinia
的简单使用
1.什么是
Pinia
?1.
pinia
和vuex具有相同的功效,是Vue的存储库,它允许您跨组件/页面共享状态。2.设计使用的是Compositionapi,更符合vue3的设计思维。
微笑的弧度_c50f
·
2023-12-26 23:11
Vue-Pinina基本教程
前言官网地址:
Pinia
|TheintuitivestoreforVue.js(vuejs.org)看以下内容,需要有vuex的基础,下面很多概念会直接省略,比如state、actions、getters
大米☋
·
2023-12-26 16:31
vue.js
前端
javascript
【Quasar】暗黑主题随系统切换部分组件无法随系统切换
当系统切换暗黑模式时,Quasar导航栏无法正常切换为暗黑模式,此时背景还是白天模式,如图正常切换参考图正常暗黑主题随系统切换主题失败参考图如下图,设置主题随系统切换↓网页顶部没有成功切换为暗黑模式解决问题
pinia
视觉CG
·
2023-12-26 12:37
Vue3
JS
Quasar
vue3
pinia
等同于vuex的使用
首先下载yarnaddpinia//ornpminstallpinia2、在main.js中进行注册import{createApp}from"vue";import{createPinia}from"
pinia
焚心123
·
2023-12-26 08:55
【UniApp】-uni-app-网络请求
前言经过上个章节的介绍,大家可以了解到uni-app-
pinia
存储数据的基本使用方法那本章节来给大家介绍一下uni-app-网络请求的基本使用方法步入正题首先我们打开官方文档,我先带着大家看一下官方文档的介绍
Jonathan丶BNTang
·
2023-12-26 06:46
uni-app
前端
vue3+ts
pinia
存储及持久化
index.ts需要安装
pinia
-plugin-persistnpmipinia-plugin-persist-Simport{createPinia}from"
pinia
"//引入批量的
pinia
持久存储插件
你的美,让我痴迷
·
2023-12-26 05:46
vue.js
前端
javascript
一个极致轻量的 Vue3 后台管理,终迎 2.0 版本,这次有点东西
简介VueNaiveAdmin2.0是一款极简风格的后台管理模板,包含前后端解决方案,前端使用Vite+Vue3+
Pinia
+Unocss,后端使用Nestjs+TypeOrm+MySql+Redis,
不爱敲代码的小胡
·
2023-12-25 23:38
前端
javascript
开发语言
ecmascript
Vue3+Ts项目——登录页面跳转到首页
Vue3+Ts项目——登录页面跳转到首页第一步:创建三个ts文件结合
pinia
缓存登录信息和tokensrc\api\userTypes.tssrc\stores\modules\user.tssrc\
靠着蓝色背景幻想
·
2023-12-25 17:27
vue.js
前端
typescript
electron+vue3全家桶+vite项目搭建【17】
pinia
状态持久化
文章目录引入问题演示实现效果展示、实现步骤1.封装状态初始化函数2.封装状态更新同步函数3.完整代码引入上一篇文章我们已经实现了electron多窗口中,
pinia
的状态同步,但你会发现,如果我们在一个窗口里面修改了状态
编程小龙
·
2023-12-25 13:30
electron
vue3全家桶
pinia持久化
持久化
pinia
vue3使用
pinia
实现全局变量共享,主动监听变化
首先创建一个js文件//stationsStore.jsimport{defineStore}from'
pinia
';exportconstuseStationsStore=defineStore('stations
青莳吖
·
2023-12-25 12:41
javascript
前端
vue.js
使用vite创建项目
vite1.2创建vue项目1.3配置代理服务器(vite.config.ts)2.创建入口文件(index.html)3.创建系统入口页面(app.vue)4.创建系统启动入口(main.ts)5.配置
pinia
5.1
田七三两
·
2023-12-24 20:37
vue
前端
Vue3+Ts+Vite2+
Pinia
搭建开发框架
一、使用vite快速创建脚手架1.使用yarn运行安装命令:yarncreatevite2.选择vuevue-ts完成安装3.进入vue3_ts_vite_
pinia
项目,使用yarn命令安装依赖,依赖安装完成后
TonyH2002
·
2023-12-22 15:38
vue.js
javascript
前端
vue3之
pinia
简单使用
一、
Pinia
介绍
pinia
是Vue的存储库,它允许您跨组件/页面共享状态。就是和vuex一样的实现数据共享。
在路上`
·
2023-12-21 18:08
Vue
Typescript
vue.js
antd4+ts+vue3乾坤子应用引入
antd4+ts+vue3乾坤子应用安装vite-plugin-qiankunnpminstall--savevite-plugin-qiankunimport{createPinia}from'
pinia
Shero.李建业
·
2023-12-21 11:06
前端
qiankun
Uniapp + Vue3 +
Pinia
+ Vant3 框架搭建
现在越来越多项目都偏向于Vue3开发,想着uniapp搭配Vue3试试效果怎么样,接下来就是详细操作步骤。初始化Uniapp+Vue3项目App.vuesetup语法import{onLaunch,onShow,onHide}from'@dcloudio/uni-app'onLaunch(()=>{console.log('AppLaunch!')})onShow(()=>{console.log
yueF_L
·
2023-12-21 03:28
vue3
前端大杂烩
uni-app
vue.js
前端
7个 Vue3 中的组件通信方式
然后我们会讲以下七种组件通信方式:propsemitv-modelrefsprovide/injecteventBusvuex/
pinia
举个例子本文将使用如下演示,如下图所示:02-2.png上图中,
子瞻是也
·
2023-12-20 22:38
Vite2 + Vue3 + TypeScript +
Pinia
搭建一套企业级的开发脚手架
搭建前准备Vscode:前端人必备写码神器Chrome:对开发者非常友好的浏览器(反正我是很依赖它的)Nodejs&npm:配置本地开发环境,安装Node后你会发现npm也会一起安装下来Vue.jsdevtools:浏览器调试插件VueLanguageFeatures(Volar):Vscode开发vue3必备插件,提供语法高亮提示,非常好用Vue3Snippets:vue3快捷输入Vue2与Vu
风吹向北方
·
2023-12-20 03:31
vue.js
前端
javascript
Vue--第九天
Pinia
:1.简介:2.添加
pinia
:a.创建空项目:b.增加
pinia
:阅读官网文件,支持链式编程,所以可以直接挂载c.使用d.异步使用:感觉和原来的没多大区别e:结构-storeToRefs:6
CMBSNBB
·
2023-12-20 03:59
前端
Vue--第十天
终极实战----大事件项目1.简介:2.创建项目:1.创建(159-163):还是对着视频操作吧2.路由:3.elementPlus:导入elementPlus后不需要再导入插件配置,就连组件导入也不用4.
pinia
CMBSNBB
·
2023-12-20 03:58
前端
pinia
安装,持久化,统一导出
文章目录前言
Pinia
是什么?
骆骆爱学习
·
2023-12-20 01:55
javascript
vue.js
前端
vue3集成Element Plus
当前文章基于vue3集成
Pinia
_小白喝雪碧的博客-CSDN博客ElementPlus目前还处于快速开发迭代中,当前使用版本为2.3.5。
小白喝雪碧
·
2023-12-19 22:09
vue
element-plus
vue.js
前端
javascript
解决No matching export in “node_modules/vue-demi/lib/index.mjs“ for import “hasInjectionContext“问题
运行项目的时候发现报错,报错信息如下:这可能是Vue版本和
Pinia
版本不匹配导致的。
白鲸ld
·
2023-12-19 18:16
vue.js
javascript
前端
Pinia
与Vuex:Vue状态管理库的比较与选择
Pinia
与Vuex:Vue状态管理库的比较与选择在Vue.js生态系统中,状态管理是构建复杂应用程序的关键环节。Vuex作为官方推荐的状态管理库,已经在社区中建立了稳固的地位。
Shero.李建业
·
2023-12-19 17:27
vue.js
前端
javascript
分享一个
Pinia
存储的数据持久化插件
Pinia
和Vuex的通病
Pinia
和vuex的通病就是,页面刷新会导致数据丢失解决通病一、新建storeimport{defineStore}from'
pinia
'//单独存放Store的名字$idimport
忧郁的蛋~
·
2023-12-19 17:21
前端技术
前端
javascript
开发语言
Vue 3 开发中遇到的问题及解决方案(fix bug)
hasInjectionContext'isnotexportedbynode_modules/
pinia
/node_modules/vue-demi/lib/index.mjs,importedbynode_modules
Light-ing
·
2023-12-18 13:16
前端
vue.js
bug
前端
javascript
vue项目搭建---1.搭建基础的框架
目录1.pnpm下载1.1安装1.2差异1.3镜像源设置2.项目2.1vite创建项目2.2项目配置2.3
pinia
+vue-routermain.jsstore/index.jsrouter/index.jsvue
墨迹斑斑的老墙
·
2023-12-18 06:40
前端编程
vue
vite
anti-design-vue
pinia
pnpm
在vue项目中webSocket封装(传token)
letwsUrl="ws://39.101.77.206:8181/march/admin/interviewRecord/InterviewRecord";//从
pinia
获取token数据constuser
宝子向前冲
·
2023-12-17 08:05
websocket
网络协议
网络
共同编辑文档功能实现(websocket)
技术栈:
pinia
,vue3,websocket,wangeditorwebsocket封装参考文章:在vue项目中webSocke
宝子向前冲
·
2023-12-17 08:32
websocket
vue.js
网络协议
Vue 项目中使用
Pinia
状态管理详细教程
Pinia
是一个用于状态管理的现代Vue3库,它提供了强大的工具来管理Vue应用程序的状态。以下是在Vue项目中使用
Pinia
的详细教程:步骤1:安装
Pinia
首先,你需要安装
Pinia
。
翻斗花园-图图
·
2023-12-17 05:30
vue.js
前端
javascript
大数据毕业设计之前端03:logo、menu的折叠展开实现
关键字:BuildAdmin、
pinia
、logo、aside、menu、菜单折叠、Vue、ElementUI前言上一篇文章中,借助aside的实现讲了一些开发的小技巧,以及css的解读。
叫我阿柒啊
·
2023-12-17 04:41
vue
Nodejs
前端
bulidadmin
大数据
毕业设计
前端
vue
菜单折叠
vue3
Pinia
报错 getActive
Pinia
was called with no active
Pinia
vue3
Pinia
报错getActivePiniawascalledwithnoactivePinia重现步骤代码如下:意图|逻辑错误截图问题原因总结重现步骤代码如下:main.tsimport{createPinia
搬代码的农民
·
2023-12-16 17:01
typescript
typescript
vue.js
前端
利用vue指令解决权限控制问题
分析:后端一般会在登录完成后将该用户的权限资源列表一次性返回给前端,因此,可以先把权限资源列表保存在vuex(
pinia
)中,因为这个信息我们后面会经常用到。
羊吖
·
2023-12-16 13:17
vue.js
前端
javascript
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
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
其他