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
vueX
vue 加载页面时触发时间_vue如何在页面刷新时保留状态信息
1、通过本地存储state中的数据,页面刷新成功后再次从本地存储中读取state数据//
vuex
中的数据发生改变时触发localStorage的存储操作localstorage.setItem('state
weixin_39976733
·
2023-10-09 14:38
vue
加载页面时触发时间
vue点击修改数据回显的方式
解决方法通过
vuex
,并在组件内监听
vuex
中数据//在
vuex
中import{get_info_list_applicants}from"@/network/applicants";//actions
大鲤余
·
2023-10-09 14:50
Vue
JS
vue.js
前端
qiankun父子组件传参,及main.js中使用
vuex
的mutation
父应用import{initGlobalState}from'qiankun';//初始化参数state,state一定要起名初始化,这里我监听的是closeTabconstactions=initGlobalState({closeTab:''});actions.onGlobalStateChange((state,prev)=>{//state:变更后的状态;prev变更前的状态consol
Hi_Abu
·
2023-10-09 05:21
3.关于
Vuex
五个核心概念的理解。
Vuex
五个概念的简单理解。1.State保存共享状态信息的地方。2.Getters类似我们单个组件中的计算属性computed,只是它定义在
Vuex
中。3.Mutations修改状态的地方。
似朝朝我心
·
2023-10-09 05:32
vuex
1.statemapState({count:state=>state.count//orcount:'count'//orcount(state){//此时this为实例returnstate.count+this.xxx}})computed:{//使用对象展开运算符将此对象混入到外部对象中...mapState(['count','num'])}2.getter对state进行包装//定义n
大香蕉s
·
2023-10-09 04:15
【vue create】二.配置Esline、less、nprogress、ant-design-vue、环境变量env、axios、
vuex
、Router、路由守卫以及登录页
搭建项目》搭建好后,进行下面的操作1.配置Esline2.安装less3.安装ant-design-vue(设置公共样式)4.安装nprogress5.配置环境变量env文件6.配置axios7.配置
vuex
鱼干~
·
2023-10-09 04:33
vue
vue.js
less
javascript
ant-design-vue
vue-router
vue-cli3.x 新建项目 vue create projectName
vuecreate'项目名'"创建项目(需要vue-cli3.x以上)选择第一步"Manuallyselectfeatures"选择第二步"ChooseVueversion""Babel""Router""
Vuex
xueyueshuai
·
2023-10-09 02:08
vue采用EventBus实现跨组件通信及注意事项
在vue中适用于跨组件简单通信,不适应用于复杂场景多组件高频率通信,类似购物车等场景状态管理建议采用
vuex
。
weixin_33755554
·
2023-10-09 02:37
javascript
设计模式
ViewUI
vue后台权限管理
需要用到
vuex
和路由全局前置守卫router.beforeEach以及路由操作router.addRoutes共同完成首先我们的views目录结构为其中我们设定Home页面以及Private页面不需要权限均可访问
你比故事温柔
·
2023-10-09 02:21
尤雨溪推荐神器 ni ,能替代 npm/yarn/pnpm ?简单好用!源码揭秘!
最近组织了源码共读活动,感兴趣的可以加我微信ruochuan12想学源码,极力推荐之前我写的《学习源码整体架构系列》jQuery、underscore、lodash、
vuex
、sentry、axios、
若川视野
·
2023-10-09 00:21
js
java
javascript
linux
nodejs
前端状态管理:
Vuex
、Flux、Redux、MobX概念篇
概念准备【状态管理模式】可以借鉴
Vuex
官方文档的解释:什么是“状态管理模式”状态管理的目标(意义)各组件通过数据响应机制对共享状态进行高效的状态更新,说白了就是不同组件对需要共享的数据的变更和同步。
Thomas.Ma
·
2023-10-08 21:45
前端
学习笔记
前端
vue.js
javascript
uniapp自定义封装确认框
功能确实都完成了,但是跟项目的耦合度还是略高,主要是原因有两个:1、uniapp在除H5模式下都挂载不到根元素,需要在使用页引入组件;2、由于确认框需要都网上一个个叠加,所以需要不同name,这个我是用
vuex
疯狂的小土蘑
·
2023-10-08 20:59
uniapp
javascript
前端
vue.js
uni-app
好家伙,他闭着眼睛写Vue3
文章已同步到微信公众号和个人博客:因卓诶一个风和日丽的下午,我用了3个小时写了一个Vue3的小应用,这个应用小到不足为奇,但是Vue3的开发体验最值得我吹一波,这个小应用在登录我用了
Vuex
4,路由管理用到了最新的
因卓诶
·
2023-10-08 20:13
vuex
使用
/routerStore'exportdefault{modules:{routerStore}};2.main.js下引入,并且创建实例import
Vuex
from"
vuex
";importstoreConfigfrom
啦啦啦靠积累
·
2023-10-08 19:45
尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记 (五)
第五章:
Vuex
5.1理解
vuex
5.1.1
vuex
是什么1.概念:专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式
上官海岚
·
2023-10-08 16:26
Vue学习笔记和案例
学习
vue.js
前端
前端框架
前端框架Vue2.0+Vue3.0学习笔记01
一、Vue技术_课程简介1、前端框架小白2、熟练掌握Vue23、轻松玩转Vue3①、vue基础②、vue-cli③、vue-router④、
vuex
⑤、element-ui⑥、vue3二、Vue技术_Vue
突然好想你之路在脚下
·
2023-10-08 16:23
Vue
前端框架
学习
笔记
vue
vue文档一、课程介绍https://vuejs.lipengzhou.com/内容使用Vue.js系列技术栈进行网站应用开发具体知识点:ECMAScript6Vue.jsVueRouter
Vuex
AjaxVueCLIaxioswebpackVueSSRRESTful
前端陈陈陈
·
2023-10-08 15:12
vuex
使用和规范
关于
vuex
使用和规范
vuex
示例importVuefrom'vue';import
Vuex
from'
vuex
';Vue.use(
Vuex
);letstore=new
Vuex
.Store({//1.statestate
smebs
·
2023-10-08 14:55
vue项目里面引入
vuex
vuex
是一个专为vue.js应用程序开发的状态管理模式,他采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
SY
·
2023-10-08 12:50
VueX
起步(二、同步修改数据)
在脚手架创建时候选择依赖要把
vuex
给选上,(如果在脚手架忘记选了就npmi
vuex
或者yarnadd
vuex
),我这里展示的是自己创建了一个叫
vuex
的文件夹里面也创建了一个store.js的文件。
白意莲
·
2023-10-08 12:41
Vue 学习笔记2(40-49)
279700目录:01-01git下载代码02-27Vue2.x28-39路由精讲40-49Vue-Cli3.050-64Vue2.x-实战项目(个人博客)65-76Vue2.x-实战项目(用户管理)77-87
Vuex
vuecli301Vue-Cli3.0
Allenem
·
2023-10-08 08:49
element ui中父子组件共用一个el-dialog弹窗,切换组件页面弹窗进行关闭
在ElementUI中,如果多个父子组件共用一个el-dialog弹窗,并且需要在切换组件页面时关闭弹窗,你可以考虑以下方法来实现:使用
Vuex
进行状态管理:在
Vuex
中创建一个状态来管理弹窗的显示状态
Miaow.Y.Hu
·
2023-10-08 06:41
#
Vue学习
ui
vue.js
javascript
Vuex
案例ToDoList
Vuex
学习使用UI:ant-design-vue修改main.jsimportVuefrom'vue'importAppfrom'./App.vue'importstorefrom'.
xinmin
·
2023-10-08 05:07
Vue学习记录 Vue简介
VueLearning20222022.07.14DAY11.总览Vue2+Vue3前端框架小白\熟练掌握Vue2\轻松玩转Vue3计划vue基础vue-clivue-router
vuex
element-uivue31
云风星月皆待卿
·
2023-10-08 03:54
Vue
前端
前端框架
vue
Vue单页面应用首屏加载时间优化
vue全家桶我们习惯用vue-cli搭建脚手架,再配合vue-router控制路由,
vuex
控制状态及复杂组件通讯,实现顺畅的spa应用,但是往往在项目应用插件框架时后首屏加载时间非常长。
镜轩夕照
·
2023-10-08 01:18
[转载]新一代状态管理工具,Pinia.js 上手指南
前言Pinia.js是新一代的状态管理器,由Vue.js团队中成员所开发的,因此也被认为是下一代的
Vuex
,即
Vuex
5.x,在Vue3.0的项目中使用也是备受推崇。
涅槃快乐是金
·
2023-10-08 01:43
vue解决浏览器兼容性问题
vuecli2解决方案在vuecli2项目中使用
Vuex
时,ie浏览器会出现“
Vuex
requiresaPromisepolyfillinthisbrowser”的错误提示,这是因为使用了ES6Promise
Virtual_human
·
2023-10-07 20:11
【Vue】改变
vuex
中的 state ,子组件 watch 监听不到对象值变化。
}},mutations:{initParams(state){state.params={aa:'',bb:[],};},},actions:{},}父组件import{mapState}from'
vuex
一颗不甘坠落的流星
·
2023-10-07 19:04
工作随记
vue.js
javascript
前端
一文解释mapState的来龙去脉
mapState
Vuex
提供的辅助函数之一,将store中的状态映射到组件的计算属性中,使得在组件中可以轻松地访问
Vuex
store中的状态值MapState(映射状态)在我们的Count.vue组件中
即兴小索奇
·
2023-10-06 23:57
Vue
前端
javascript
开发语言
vue.js
前端框架库汇总
Vuex
:Vue.js应用程序开发的状态管理模式。Element-UI:饿了么UI组件库ViewUI:一套基于Vue.js的开源UI组件库,主要服务于PC界面的中后台产品。
涅槃快乐是金
·
2023-10-06 21:07
vue实现多标签保持页面管理系统
此篇文章主要介绍如何利用
vuex
实现多标签保持页面管理功能,效果如图所示:希望本篇文章对有需要实现类似功能的小伙伴,有一点点借鉴效果,好了废话不多说一步一步来介绍。
良月零五
·
2023-10-06 11:40
vue
vuex
arcgis for javsscript4.19根据不同类型加载不同颜色的点位
我使用vue,将GIS地图存入
vuex
中,因为需要做大屏,地图好几处需要,所以存入
vuex
中,在组件中使用GIS的方法之前要监听地图是否加载完成,后执行操作地图方法,否则会报错效果图如下图:1、在组件中使用
小野猫子
·
2023-10-06 11:00
arcgis
for
javascript
前端
vue.js
Vue组件通信应用实践总结
【1】组件通信的5种方式propsvue的自定义事件pubsub第三方库slot
vuex
①props父子组件间通信的基本方式属性值的2大类型:一般:父组件-->子组件函数:子组件-->父组件隔层组件间传递
流烟默
·
2023-10-06 10:58
Vue
小程序
vue
组件通信
常见问题
数据结构简单介绍一下以及你的想法webpack项目太大了怎么办深拷贝如果弹出的菜单位置过于贴近边框,如何调整这个元素的位置计算50个人至少有2个生日相同的概率一个升序数组,求两个元素的和为一个指定数vue的生命周期
vuex
Odeng
·
2023-10-06 09:45
vue、
vuex
状态管理、
vuex
的核心概念state状态
每一个
Vuex
应用的核心就是store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态(state)。
Vuex
和单纯的全局对象有以下两点不同:
Vuex
的状态存储是响应式的。
m0_59259076
·
2023-10-06 09:23
vue.js
javascript
前端
VUE状态持久化,储存动态路由
1.
vuex
persistPlugin.js文件constrouterKey="ROUTER_KEY";exportdefault(store)=>{//刷新页面时,存储改变的数据window.addEventListener
蒿豪郝灬号
·
2023-10-05 23:18
vuex
pinia
数据持久化
vue
【Pinia和
Vuex
区别】
Pinia和
Vuex
1.实现方式2.使用方法3.源码解析以下是Pinia的源码解析示例代码Pinia和
Vuex
都是Vue状态管理的库,但是它们在实现方式和使用方法上有所不同。
cv全粘工程师
·
2023-10-05 20:15
vue
面试常问问题
javascript
vue.js
前端
仅需十分钟!快速使用Vue3重构升级vue2项目
环境搭建本来打算使用vite+vue3+VueRouter+
vuex
+typescript来构架项目的,但是经过一番折腾后发现vite目前只对vue支持,对于vue周边的一些
SHERlocked93
·
2023-10-05 16:34
java
xhtml
typedef
gwt
weex
npm安装
vuex
报错
问题在命令行使用npminstall
vuex
--save的时候报错如下:npmERR!codeERESOLVEnpmERR!
q1054261752
·
2023-10-05 09:09
npm
前端
node.js
vue.js
Vuex
参数列表
Getters参数列表getters:{count(state,getters,rootState,rootGetters){//...return}}Mutations参数列表mutations:{doMutation(state,payload){//...state.someData=payload.someData}}Actions参数列表actions:{doSth({state,roo
d60e80cd17d5
·
2023-10-05 05:49
简单记录一下
vuex
的书写方法
目录结构(如图)store1.index.jsimportVuefrom'vue'import
Vuex
from'
vuex
'importstatefrom'.
Bates
·
2023-10-05 05:20
vuex
数据持久化存储不生效的坑
利用
vuex
-persistedstate对
vuex
中的数据进行持久化存储到sessionstorage中,但是一直不生效最后发现问题在
vuex
中的数据格式定义上,因为生成的是对象,定义的是数组,结果数据发生变化后
一只鱼_d589
·
2023-10-05 04:22
VUE 3.x 实战项目从0到1搭建
目录一、开发环境配置1、安装node.js2、npm配置淘宝镜像3、安装VueCLI升级版本4、创建一个项目二、项目框架结构三、常用的集成1、VueRouter安装使用2、
Vuex
安装使用3、axios
不怕麻烦的鹿丸
·
2023-10-05 04:39
Vue
vue
前端
javascript
html5
vue.js
vite require is not defined
vuex
使用webpack中的require.context(’.
hobtdto
·
2023-10-05 00:08
vue
javascript
web
vue.js
javascript
Vuex
的介绍以及使用
一,什么是
Vuex
?
vuex
是一个专为vue.js应用程序开发的状态管理模式。
vuex
解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件之间的共享问题时会需要:多个组件依赖于同一状态。
汉堡大痴
·
2023-10-04 15:07
基于uni-app编写的登录模板,request请求封装,全局路由拦截,也可作为项目基础模板使用
比如登录,注册(模板)全局路由守卫(路由配置)Request封装(请求封装)api集中管理引入依赖的UI库(color-ui,uview-ui)flex常用布局css,配置分包utils常用工具函数配置
Vuex
nxmin
·
2023-10-04 13:11
解决spa白屏方法之ssr及ssr优化
SSR:简单理解为将组件或页面通过服务器生成html字符串,再发送到浏览器,最后将静态标记“混合”为客户端上完全交互的应用程序;SSR过程:客户端访问网站—>服务器获取动态数据,生成页面,并把数据存入
vuex
苍山洱海胖
·
2023-10-04 09:07
====前端====
前端性能优化部分
#
性能优化日常
前端
vue.js
javascript
vuex
的使用
1.
vuex
vuex
官网的解释是:
Vuex
是一个专为Vue.js应用程序开发的状态管理模式。
星球小霸王
·
2023-10-04 09:59
108、
Vuex
以及
vuex
与redux的区别
原理请参考:(20条消息)遇见面试--
vuex
原理_凌晨四点半er的博客-CSDN博客_
vuex
原理面试一、什么是
vuex
注意:在导入·
vuex
之前,必须先导入vue
vuex
解决的问题:二、获取
vuex
C.&H.
·
2023-10-04 08:28
新知识笔记
前端面试题目
面试
vue.js
java
Vuex
学习
[toc]
Vuex
Vuex
是一个为Vue.js应用程序开发的状态管理模式采用集中存储管理应用的所有组件的状态管理什么状态?
debug_LX
·
2023-10-04 06:50
上一页
30
31
32
33
34
35
36
37
下一页
按字母分类:
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
其他