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
VUE3结合mqtt解决多页面使用需重复连接等问题(封装)
场景在做的一个项目中多个页面都需要使用到mqtt接收消息,但这样的话每个页面就都需要连接一次mqtt,并且要再次配置options信息、订阅主题、接收消息,非常的不方便,因此琢磨将mqtt封装到
vuex
CV工程师!!
·
2024-01-05 23:01
MQTT
前端
物联网
vue3中状态管理库pinia的安装和使用方法介绍及和
vuex
的区别
Pinia与
Vuex
一样,是作为Vue的“状态存储库”,用来实现跨页面/组件形式的数据状态共享。它允许你跨组件或页面共享状态。
邹荣乐
·
2024-01-05 13:00
vue
vue3
Pinia
Vuex
状态管理
Vue3
defineState
存储
useStore
Vue知识总结-上
是一套用于构建用户界面的渐进式(由只需要轻量小巧的核心库构建的简单应用逐渐扩展为可以引入各式各样的Vue组件构建的复杂应用)JavaScript框架Vue需掌握的内容:Vue基础、Vue-cli、vue-router、
vuex
奉先节度使
·
2024-01-05 13:34
vue
uniapp 分享例子做个记录
分享链接分享图片我邀请的用户import{mapState}from'
vuex
'exportdefault{data(){return{inviteUrl:'',qrcodeImagePath:'',qrcodePath
qq_34114535
·
2024-01-05 08:24
uni-app
小程序面试问答(解决方案)
请介绍一下你对
Vuex
和Pinia的了解。必答加分参考链接问:uni-app中的组件和Vue.js中的组件有什么区别?
前端 贾公子
·
2024-01-05 07:52
小程序
Vuex
(vue2中的状态机)
目录
Vuex
state属性getters属性mutations属性actions属性modules属性辅助函数
Vuex
状态管理模式维护公共状态公共数据使用状态机模块维护状态A组件中分发工作(发起异步请求
从明天开始好好学习前端
·
2024-01-05 02:34
vue.js
前端
javascript
前端框架
Uni-App介绍
一、了解uni-app框架1.什么是uni-app继承自Vue.js,完整的Vue.js开发体验,彻底的组件化开发能力,方便的
VueX
数据管理方案,是一个使用Vue.JS开发跨平台应用的前端框架。
听书先生
·
2024-01-05 02:30
vue自定义权限标签
vue自定义权限标签技术栈
vuex
vue自定义标签开门见山创建directivehasPermi.js/***v-hasPermi操作权限处理*/importstorefrom'@/store'exportdefault
ByCode
·
2024-01-04 22:46
vue.js
前端
javascript
vuex
vuex
Vuex
是什么?
Vuex
是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
无药可救的渣渣
·
2024-01-04 16:58
Vue2面试题:说一下对
vuex
的理解?
五种状态:state:存储公共数据this.$store.statemutations:同步操作,改变store的数据this.$store.commit()actions:异步操作,让mutations中的方法能在异步操作中起作用this.$store.dispatch()getters:计算属性this.$store.gettersmodules:子模块使用场景:用户信息、菜单信息、购物车信息
程序员大澈
·
2024-01-04 00:24
面试题合集
前端
vue.js
javascript
css
html
vue router.beforeEach跳转路由验证用户登录状态
一般router.beforeEach配合
vuex
全局状态储存使用,验证用户登录状态。也可以结合sessionStorage和
aimee66
·
2024-01-04 00:43
手撕
Vuex
-
vuex
实现原理分析
本章节主要围绕着手撕
Vuex
,那么在手撕之前,先来回顾一下
Vuex
的基本使用。创建一个
Vuex
项目,我这里采用vue-cli创建一个项目,然后安装
Vuex
。
快乐非自愿
·
2024-01-03 23:41
vue.js
vue
架构
开发语言
2019-06-29
)它本身只关注UI,可以轻松引入vue插件或其它第三方库开发项目Vue扩展插件1)vue-cli:vue脚手架2)vue-resource(axios):ajax请求3)vue-router:路由4)
vuex
CC__XX
·
2024-01-03 23:17
VUE框架CLI组件化
VueX
的工作原理及程序演示------VUE框架
//
vuex
插件维护了一个共享对象store,store中有state属性//这个state中存储的数据就是组件全局共享的,一处修改处处生效//全局事件总线$bus主要针对的是数据传递,而store针对的则是共享数据
旧约Alatus
·
2024-01-03 22:39
VUE框架
前端
vue.js
前端
javascript
前端框架
ecmascript
vue
json
组件通信方式
组件通信方式有:
vuex
,ref,父子通信(父传子、子传父),兄弟通信(eventBus),祖先后代通信(依赖注入)父传子:父组件内:在子组件标签上设置自定义属性传递数据,子组件内:子组件通过props
诗霖雪
·
2024-01-03 21:52
vue问题
前端
javascript
vue.js
vue高频面试题(附答案)
为什么
Vuex
的mutation中不能做异步操作?
helloworld1024
·
2024-01-03 19:18
Vue 自定义主题、logo如何监听其变化及实时更新(
Vuex
状态管理)
官网地址:
Vuex
官网首先了解
Vuex
,下面内容不具体描述
Vuex
基础知识。问题描述:在项目中遇到需求:自定义系统的logo、title、主题颜色等,此时修改这些系统配置时会涉及到同步更新问题。
O3ohn
·
2024-01-03 19:20
vue
vue.js
javascript
前端
【Vue.js】vue2组件间通信方式总结
目录一.props传参1.父组件==>子组件2.子组件==>父组件二.组件的自定义事件三.全局事件总线四.消息订阅和发布五.
vuex
六.插槽1.默认插槽2.具名插槽3.作用域插槽七.v-model八.sync
玖伴_
·
2024-01-03 17:33
vue.js
快速打通 Vue 3(二):响应式对象基础
的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue(一):Vue入门与Vue指令Vue(二):计算属性与watch监听器Vue(三):Vue生命周期与工程化开发一篇文章快速通关
Vuex
*Soo_Young*
·
2024-01-03 17:38
打通
Vue
vue.js
javascript
ecmascript
快速打通 Vue 3(一):基本介绍与组合式 API
的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue(一):Vue入门与Vue指令Vue(二):计算属性与watch监听器Vue(三):Vue生命周期与工程化开发一篇文章快速通关
Vuex
*Soo_Young*
·
2024-01-03 17:37
打通
Vue
vue.js
前端
javascript
快速打通 Vue 3(三):Vue3 中的 watch 监听器与新特性
的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue(一):Vue入门与Vue指令Vue(二):计算属性与watch监听器Vue(三):Vue生命周期与工程化开发一篇文章快速通关
Vuex
*Soo_Young*
·
2024-01-03 17:31
打通
Vue
vue.js
javascript
ecmascript
vue项目路由跳转后上一页面未完成的接口取消
一,概述需要做到的是a页面发送请求,在还没有收到响应时,用户跳转B页面,这时候取消a页面的请求.二,实现axios提供了这个方法,我是结合axios和
vuex
以及vue-router实现的.主要的思路如下
笑道三千
·
2024-01-03 16:41
vue全家桶
vue.js
javascript
前端
【Vue2+3入门到实战】(19)
Vuex
状态管理器通过辅助函数 - mapState获取 state中的数据代码实现 详细讲解
目录一、通过辅助函数-mapState获取state中的数据1.第一步:导入mapState(mapState是
vuex
中的一个函数)2.第二步:采用数组形式引入state属性3.第三步:利用**展开运算符
老牛源码
·
2024-01-03 12:45
VUE教程
javascript
前端
开发语言
vue保姆级教程----深入了解
Vuex
的工作原理
目录✨前言
Vuex
的几个核心概念
Vuex
工作原理✨结语✨前言
Vuex
是一个专门为Vue.js设计的状态管理模式。它采用集中式存储管理应用程序的所有组件的状态,并以相应的规则保证状态以一种可预
前端讲堂-鸿蒙课堂
·
2024-01-03 09:13
vue
vue.js
前端
javascript
vue保姆级教程----组件之间的参数传递
$parent和$children$parent$children3.Provide/Inject4.
Vuex
✨结语
前端讲堂-鸿蒙课堂
·
2024-01-03 09:12
vue
vue.js
前端
javascript
vue-
vuex
持久化处理
在src/utils文件夹下,创建storage.js文件//约定一个通用的键名constINFO_KEY='hm_shopping_info'//获取个人信息exportconstgetInfo=()=>{constdefaultObj={token:'',userId:''}constresult=localStorage.getItem(INFO_KEY)returnresult?JSON.
小沐°
·
2024-01-03 09:00
vue
vue.js
javascript
前端
核心概念-- Mutation
更改
Vuex
的store中的状态的唯一方法是提交mutationconststore=new
Vuex
.Store({state:{count:1},mutations:{increment(state)
__越过山丘__
·
2024-01-03 06:06
Vuex
的使用
1.
Vuex
是一个仓库,仓库存储了应用的状态
Vuex
有以下四个东西1.state2.getter3.mutation4.actionstate就像组件中的data,我们把相关的数据存储在state中getter
皇甫圣坤
·
2024-01-03 03:43
VUEX
的原理
vuex
可以理解成是转为vuejs应用开发的全局状态管理功能,它让状态以一种可被追踪的形式进行变更,方便代码维护。本文总结下
VUEX
的实现原理,只说思路,不讲代码。
frank_松
·
2024-01-02 19:05
兄弟组件通信--中央事件总线 vue bus 的使用
兄弟组件之间通信,除了可以使用公共状态仓库
vuex
之外,还可以使用中央事件总线vuebus进行数据的传值,使用时需要注意,在使用$on的组件中需要在组件销毁时将监听也一并销毁掉,这样做一方面优化性能和内存
@德玛玩前端
·
2024-01-02 18:59
Vue
vue.js
前端
javascript
vue3中如何使用
vuex
最近想出一版如何在vue3中使用
vuex
首先,在这里回答一个粉丝的问题,为什么有localstorage和sessionstorage还要使用
vuex
,这里我解释一下,我们要明白浏览器的存储和
vuex
的存储的不同点
香蕉麻花皮
·
2024-01-02 17:32
前端
javascript
开发语言
vuex
4和VueRouter4使用方法
唯一的重大变化插件的安装方式
vuex
41.创建方式import{createStore}from'
vuex
'exportconststore=createStore({state:{count:1},mutations
web前端进阶者
·
2024-01-02 17:07
vue3
javascript
前端
vue.js
使用
vuex
从入门到应用(二)
上一篇文章中已经了解了
vuex
的简单应用,这一篇我们来看一下拓展。先看效果图:效果图上一篇讲到的使用
vuex
中的变量需要在计算属性中returnthis.
剑圣_盖小聂
·
2024-01-02 15:58
Vue3 用户认证:如何检查用户是否已登录
在Vue3中,检查用户是否登录通常涉及到以下几个步骤:状态管理:在客户端存储用户的登录状态,可以使用
Vuex
、Pinia或者组件的本
诸葛妙计
·
2024-01-02 08:01
Vue编程笔记
前端
javascript
开发语言
经验分享
vue.js
前端框架
html
Vuex
的热更新
在使用
vuex
的时候,发现修改一个地方,页面都要刷新,非常不方便,数据状态丢失,所以查了资料使用热更新功能,发现很好用,分享如下使用方法import
Vuex
from'
vuex
'importVuefrom'vue'Vue.use
让我伤心的玫瑰
·
2024-01-02 08:59
在
Vuex
和组件内的视图更新问题
vm.items.length=newLength直接给对象赋值新属性解决方式:Vue.set(target,key,value)测试代码:Store的代码:importVuefrom'vue';import
Vuex
from'
vuex
Young_Kind
·
2024-01-02 06:05
新手小白:一文带你用vite从零搭建企业级开发环境
在这工作的半年时间里,开始接触了前端开发,技术栈主要用的是vue2,但是自己利用时间也学习了vue3,组合式api和vue3的各种生态比vue2好用太多了,特别是状态管理库pinia比
vuex
简介很多
九号新秀
·
2024-01-01 17:09
vue.js
Vuex
中的Mutations
在
Vuex
中store数据改变的唯一方法就是提交mutations。
暖A暖
·
2024-01-01 09:00
【第5期】前端Vue使用Proxy+
Vuex
(store、mutations、actions)跨域调通本地后端接口
本期简介本期要点本地开发前后端如何跨域调用全局请求、响应处理拦截器处理封装HTTP请求模块编写API请求映射到后端API数据的状态管理一、本地开发前后端如何跨域调用众所周知,只要前端和后端的域名或端口不一样,就存在跨域访问,例如:前端运行后通过http://localhost:3000访问,后端运行后通过http://localhost:8080访问,就存在跨域,跨域直接http调用会失败,因此要
羽轩GM
·
2024-01-01 08:04
vue.js
vuex
proxy
【Vue2+3入门到实战】(18)VUE之
Vuex
状态管理器概述、
VueX
的安装、核心概念 State状态代码实现 详细讲解
目录一、[
Vuex
](https://
vuex
.vuejs.org/zh/)概述1.是什么2.使用场景3.优势4.注意:二、需求:多组件共享数据1.创建项目2.创建三个组件,目录如下3.源代码如下三、
vuex
老牛源码
·
2024-01-01 03:04
VUE教程
vue.js
javascript
前端
Vue3 精通指南:如何在 setup 函数中巧妙利用
Vuex
要在setup函数中访问
Vuex
的$store,你可以使用useStore钩子,它是
Vuex
4为Vue3提供的一个新API。首先,确保你已经安装并设置了
Vuex
。
诸葛妙计
·
2023-12-31 16:38
Vue编程笔记
vue.js
javascript
前端
ecmascript
前端框架
Vue的学习笔记
的五个属性参考:https://www.cnblogs.com/lyxzxp/p/11778579.htmlhttp://www.ujiuye.com/wenda/2021/70919.html笔记:
vuex
司空洛一
·
2023-12-31 16:44
Vuex
模块化以及命名空间namespaced的使用
Vuex
由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store对象就有可能变得相当臃肿。
儒雅的烤地瓜
·
2023-12-31 14:38
Vue.js学习笔记
Module
vuex命名空间
Vuex
namespaced
日志系统代码
万维星辰日志管理日志分析日志审计账户设置基本资料修改密码退出退出登录1'>{{item.title}}{{subitem.meta.subtitle}}{{item.title}}import{mapGetters,mapActions}from'
vuex
时修七年
·
2023-12-31 13:35
探索 Pinia:简化 Vue 状态管理的新选择(下)
个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录四、
Vuex
阿珊和她的猫
·
2023-12-31 13:45
vue.js
前端
javascript
vuex
的讲解与相关用法
Vuex
是一个专门为Vue.js应用程序开发的状态管理模式。它集中管理了Vue应用中的所有组件的状态,使得组件间的数据共享和通信更加方便。
m0_黎明
·
2023-12-31 12:50
vue.js
前端
vite 创建vue3项目 (vue-router、
vuex
、scss、环境变量、selint、stylelint、normalize.css)
目录一.创建基础vue项目二.安装vue-router三.设置路径别名@四.
vuex
五.SCSS六.环境变量七.eslint八.stylelint九.normalize.css一.创建基础vue项目npminitvite
该用户已成仙
·
2023-12-31 06:30
vue
js
ts
vue.js
javascript
typescript
react状态管理redux
redux:redux状态管理(个人感觉比
vuex
要复杂...)redux需要遵循的三个原则1.唯一的数据源redux只维护唯一一个全局的状态对象store。
sh_leekun
·
2023-12-30 23:25
使用npm建立vue工程
npminstall-g@vue/cli已安装过就不用安装查看是否安装成功vue-v3:创建项目输入vuecreate项目名称3.1:选择配置(空格选中后回车)Manuallyselectfeatures3.2:选择
VueX
SNUT —zjr
·
2023-12-30 16:43
Java前端
vue.js
【Vue】- 报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘nickname‘)“
但是在开发者工具中就会报错Errorinrender:"TypeError:Cannotreadpropertiesofundefined(reading'nickname')"原因:我们发现这里的list是
vuex
贰零壹玖.
·
2023-12-30 13:32
vue.js
javascript
前端
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
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
其他