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】构建现代Web应用的全能工具
Vue.js是一个渐进式JavaScript框架,它提供了Vue实例、组件通信、指令、VueRouter和
Vuex
等功能,让你的应用开发更加轻松和高效。1.什么是Vue.js?
fans小知
·
2023-08-21 16:30
面试
前端
vue.js
javascript
前端面试:【
Vuex
】Vue.js的状态管理利器
嗨,亲爱的
Vuex
探险家!在Vue.js开发的旅程中,有一个强大的状态管理库,那就是
Vuex
。
fans小知
·
2023-08-21 15:20
面试
前端
vue.js
javascript
vite初始化vue3.0项目——配置router和
vuex
安装构建vue-router安装相关依赖yarnaddvue-router@next创建router/index.js文件创建路由对象并抛出import{createRouter,createWebHashHistory}from'vue-router'importHomefrom'@/views/home.vue'constRouter=createRouter({history:createW
啥名都不好起
·
2023-08-21 00:37
前端技术Vue学习笔记--005
(复杂场景用----
Vuex
)使用步骤:创建一个都能访问的事件总线(空Vue实例)-----utils/EventBus.js//1.创建一个都能访问你的时间总线(空闲的Vue实例)importVuefrom"vue"constBus
Radan小哥
·
2023-08-20 03:08
Vue学习记录
前端
vue.js
学习
Vuex
—— mapState、mapMutations、mapActions的使用
1.创建store仓库根目录下创建store文件夹,举例创建user.js文件:store/user.jsuser.js创建模块化1.引入request用于接口调用importrequestfrom'../service/service';2.定义state数据conststate=()=>({userList:[]});constgetters={};3.修改state数据,一般方法名大写加下划
Juliet_xmj
·
2023-08-20 00:56
vue
vuex
vue.js
前端
javascript
Vue 组件之间事件触发($emit)和event bus事件监听($on)
由于总览页数据不是存放在
vuex
中,使用
vuex
控制事件的想法也被抛弃,后面我就想到通过bus事件车去作为组件之间的媒介进行监听
前端小猪仔
·
2023-08-19 21:38
Vue 2 访问元素和组件
我们在所有子组件中都可以像上面那样访问根实例,它就像一个
vuex
中的全局store。这样我们可以在根实例上定义方法和属性,这些方法和属性可以在所有组件中访问。
影麟
·
2023-08-19 19:00
前端
vue
2
访问根实例
访问子元素
访问子组件
访问父组件
vue-工程项目结构
项目包含:基础库:vue.js、vue-router、
vuex
、whatwg-fetch编译/打包工具:webpack、babel、node-sass单元测试工具:karma、mocha、sinon-chai
智江鹏
·
2023-08-19 18:43
前端
vue
【Vue2】---->
VueX
3 核心概念
官网:
Vuex
是什么?
Love丶Tin
·
2023-08-19 15:34
vue2
前端
vue.js
Vue状态管理实战:从零到一掌握
Vuex
在Vue项目中的运用
当你在Vue项目中使用
Vuex
时,你正在使用一个专门用于状态管理的库,它有助于更好地组织、共享和更新应用程序的状态。下面是一个详细的步骤,演示如何在Vue项目中使用
Vuex
。
xxx割喉
·
2023-08-19 09:25
Vue系列
vue.js
javascript
前端框架
uniapp学习(遇到的坑)
目录使用vant组件库关于vant直接使用Toast组件使用axios使用mockjs使用
vuex
uniapp打包检测是否安装成功生成签名证书查看证书信息
vuex
+本地存储uniapp的生命周期关于数字不换行问题
~林十一
·
2023-08-19 07:16
uniapp
学习
uniapp 富文本rich-text显示组件的坑
uni-load-more/uni-load-more.vue';importhtmlParserfrom'@/config/html-parser'import{mapState,mapMutations}from'
vuex
yyhh~
·
2023-08-19 07:11
JS语法
uni-app
快速入门vue3新特性和新的状态管理库pinia
(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)目录Vue3.3新特性defineOptionsdefineModelpinia介绍与
Vuex
3.x/4.x的比较安装核心概念定义
小周不摆烂
·
2023-08-19 05:51
#
前端vue入门
前端
javascript
vue.js
前端框架
pinia
vue中根据用户权限动态添加路由详解(后端返回角色 前端过滤)
知识点路由守卫(使用了前置守卫):根据用户角色判断要添加的路由
vuex
:保存动态添加的路由难点每次路由发生变化时都需要调用一次路由守卫,并且store中的数据会在每次刷新的时候清空,因此需要判断store
一只烛
·
2023-08-19 04:50
Vue
javascript
vue.js
前端
使用vue怎么根据登陆人的权限配置动态路由?
具体步骤如下:在登录成功后将用户的权限信息存储在本地或
vuex
中,以便在之后使用。在路由配置中使用beforeEach导航守卫,在进入路由之前进行权限判断。
任我心意
·
2023-08-19 04:49
vue.js
前端
javascript
ecmascript
前端框架
vue根据权限动态生成路由
vue根据权限动态生成路由importstorefrom'@/store'//
vuex
importrouterfrom'@/router'//routerimportaxiosfrom'.
qq_41443802
·
2023-08-19 04:47
vue.js
前端
javascript
Vue3动态路由 - 动态添加菜单权限路由以及next
vue3动态添加菜单权限路由以及next根据登录用户拥有的菜单权限,动态添加菜单路由思路:-创建全局路由前置守卫-利用``
vuex
``请求用户权限点-动态添加这些菜单权限路由-合理利用`next`放行或执行新的导航
ChristmasFox&
·
2023-08-19 04:17
vue实际运用
javascript
前端
vue.js
vuex
中的四个map方法的使用
vuex
中的四个map方法的使用
vuex
里面有四个map方法,他们分别可以针对不同的元素进行不同的代码生成这四个map方法都是异曲同工,明白了一个基本上都明白了1编写案例现在想要展示一段文本,其中里面两个参数要存在
小花皮猪
·
2023-08-19 00:27
个人学习笔记
Vue
前端(Web)
前端
javascript
数据库
【Vue】全家桶之vue-devtools
文章目录概述安装使用components
Vuex
EventsRoutingPerformanceSettings来源概述VueDevtools是Vue官方发布的调试浏览器插件,可以安装在Chrome和Firefox
软泡芙
·
2023-08-18 23:03
开发
#
Web_前端
vue.js
前端
javascript
vue-devtools
【Vue基础知识再巩固】--混入,自定义指令,过滤器
1.混入Mixin混入类似于公共参数或者方法的初始化,使一些公共的变量或方法定义到组建中,与
vuex
功能类似却不相同。
GQ_cyan
·
2023-08-18 20:05
vue
Vue3 Router路由单页面跳转简单应用
Routervuecreatevue-demotoinvertselection,andtoproceed)(*)Babel()TypeScript(*)ProgressiveWebApp(PWA)Support>(*)Router()
Vuex
javaGHui
·
2023-08-18 19:03
Vue相关
前端
vue
Vue3
Vuex
状态管理多组件传递数据简单应用
去官网学习→安装|
Vuex
cd项目安装
Vuex
:npminstall--save
vuex
或着创建项目时勾选
Vuex
vuecreatevue-demo?
javaGHui
·
2023-08-18 19:03
Vue相关
前端
vue
vue3.0全局挂载自定义组件
show-toastinitToast.jsshow-toast.vuemain.js页面使用案例效果示例图代码示例components/show-toastinitToast.jsimport{createStore}from'
vuex
'exportdefaultfunctioninitToast
miao_zz
·
2023-08-18 03:46
vue3.0
vue.js
前端
javascript
Vue3+TS在CompositionAPI下使用
Vuex
4
如果要全局的进行变量、状态管理,还是要使用到
Vuex
。针对Vue3的话版本就要升级到
Vuex
4。先进行包的安装。
兰斌Ice
·
2023-08-17 23:40
Vuex
数据持久化存储
vuex
数据在刷新的时候会初始化,之前的数据就拿不到了,我们怎么解决呢?
团酱
·
2023-08-17 22:38
vuex
vue
前端
vue
Vue 如何利用
vuex
永久储存数据
首先需要在vue项目上安装
vuex
与
vuex
-persistedstatenpmi
vuex
npminstall--save
vuex
-persistedstate1.在src目录下创建"store"文件夹
玫瑰花开一片一片
·
2023-08-17 21:39
VUE.JS
JAVASCRIPT
HTML
vue Element-UI 在Table 表格指定列添加点击事件
/stockrecorditem-form'import{mapGetters}from'
vuex
'exportdefault{data(){return{dataList
O3ohn
·
2023-08-17 18:46
elementUI小课堂
vue.js
Uncaught TypeError: (0 ,
vuex
__WEBPACK_IMPORTED_MODULE_0__.default) is not a function
UncaughtTypeError:(0,
vuex
__WEBPACK_IMPORTED_MODULE_0__.default)isnotafunction解决思路:1、先找到报错的文件;2、寻找报错文件中所引入的文件
关东煮小熊崽15
·
2023-08-17 14:55
webpack
vue.js
前端
vue 安装并配置
vuex
1.安装
vuex
命令:npmi
vuex
@3.6.22.全局配置在main文件里边导入-安装-挂载main.js页面配置的importVuefrom'vue'importAppfrom'.
战斗中的老段
·
2023-08-17 05:10
vue
vue.js
前端
javascript
uniapp中使用
vuex
(store)模块的例子
定义模块定义模块有很多方式,这里在store目录里新建了一个名叫user.js的文件,详看代码注释。//本地存储的keyconstUSER_KEY='userinfo';conststate={//初始化数据,优先从本地存储获取userInfo:uni.getStorageSync(USER_KEY)||{},}//actions可以支持异步操作,这里使用异步存储,存储成功后再commitcons
甜桑椹
·
2023-08-17 02:15
vuex
学习总结
一、
vuex
工作原理工作流程:需求:改变组件count的sun变量的值,先调用dispatch函数传入jia函数和要改变的值给actions(这个actions里面必须有jia这个函数);actions
nav-item
·
2023-08-17 02:40
学习
Vuex
---Action
conststore=new
Vuex
.Store({state:{count:0},mutations:{increment(state){state.count++}},actions:{increment
inyourface
·
2023-08-17 02:38
react和vue比较
各自配套的全局数据存储
vuex
和redux也都是flux架构的实现,有action和state,数据变化会通知组件。
·
2023-08-17 00:42
vue.jsreact.js
vue3-
vuex
一、概念(1)
Vuex
是一个状态和数据管理的框架,负责管理项目中多个组件和多个页面共享的数据。
zxuanxuanz
·
2023-08-16 22:40
vue3
前端
javascript
vue.js
Vue脚手架配置代理、插槽、
Vuex
、模块化+命名空间
vue脚手架配置代理方法一在vue.config.js中添加如下配置:devServer:{ proxy:"http://localhost:5000"}说明:优点:配置简单,请求资源时直接发给前端(8080)即可。缺点:不能配置多个代理,不能灵活的控制请求是否走代理。工作方式:若按照上述配置代理,当请求了前端不存在的资源时,那么该请求会转发给服务器(优先匹配前端资源)方法二编写vue.confi
MoYuP_ENG
·
2023-08-16 18:13
vue.js
前端
javascript
状态机
前言我们常常说在前端框架中使用状态机管理全局状态,这个时候状态机一般指redux、
vuex
等库。但事实上,redux和
vuex
并不是真正的状态机。今天让我们来了解下状态机。
深海丧鱼
·
2023-08-16 13:06
vue在IE下运行报错:
vuex
requires a Promise polyfill in this browser
解决方法:第一步:安装babel-polyfill(babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法)npminstall--savebabel-polyfill第二步:修改webpack.config.js文件module.exports={context:path.resolve(__dirname,'../'),entry:{//app:'./src/main
Paul_Chan_
·
2023-08-16 11:49
vue2
如何给侧边栏添加 Badge 计数标记
在通过
Vuex
的状态管理将菜单栏需要的数据转递过来过滤不需要的菜单栏layout目录结构三、具体实现步骤1.渲染:src\layout\components\Sidebar\Item.vueexportd
Best_Liu~
·
2023-08-16 09:37
vue.js
javascript
前端
Vuex
1.
Vuex
概述2.
Vuex
基本使用3.使用
Vuex
完成todo案例1.
Vuex
概述
Vuex
是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享使用
Vuex
管理数据的好处:A.能够在
蔚完待旭
·
2023-08-16 09:59
实现
vuex
数据持久化处理
介绍值示例JSON.stringify()介绍语法参数返回值使用JSON.stringify()结合localStorage的例子具体步骤1.封装storage存储模块2.创建user.jx文件,将数据存入
vuex
小周不摆烂
·
2023-08-16 07:45
#
前端vue入门
前端
javascript
开发语言
vue.js
前端框架
Vuex
的使用
了解
Vuex
在Vue中,多组件的开发给我们带来了很多的方便,但同时当项目规模变大的时候,多个组件间的数据通信和状态管理就显得难以维护,
Vuex
就此诞生!
大仙爷
·
2023-08-16 07:51
vuex
分模块时候state、mutations、getters、actions的使用
1.在store下面创建modules文件夹,并创建cart.js模块2.模拟数据如下:conststate={list:[{name:'书籍',num:10},{name:'水果',num:5}],cartName:'这个是购物车的名字',cartInfo:{active:true,}}constmutations={changeNage(state,name){state.cartName=n
m0_45925246
·
2023-08-16 03:42
前端
vue3中的对象时为proxy对象,如何获取值
在使用
vuex
的时候发现获取state的stringnumber类型的变量时,是可以直接通过store.state.value取到值的,但是在取对象的时候,控制台打印出来的是Proxy对象,Proxy对象里边的
他在时间门外
·
2023-08-16 00:32
vue.js
javascript
ecmascript
next.js with mobx
什么函数式,个人见智听说mobx跟
vuex
一个道理,我试试mobx代码好少,哇,可以提前下班了,爽mobx介绍这个不用介绍了吧,自己googlenext介绍这个我也不管,s
·
2023-08-15 23:22
vuex
面试题总结
1.什么是
vuex
Vuex
是一个专为Vue.js应用程序开发的状态管理模式,它由五部分组成:分别是:state,actions,mutations,getters,modules2.
vuex
由五部分组成
酱芈芈
·
2023-08-15 22:58
面试题
vue.js
javascript
前端
导航菜单
环境Vuecli3elementUI安装vueaddelement在store/index.js加入gettersimportVuefrom"vue";import
Vuex
from"
vuex
";importuserfrom
key君
·
2023-08-15 20:54
vuex
-persistedstate详细使用方法
Vuex
持久化插件(
vuex
-persistedstate)解决刷新数据消失的问题问题:页面刷新后,想保存页面未保存的数据。
stubborn丶lili
·
2023-08-15 17:45
vue
javascript
前端
vue.js
手写
Vuex
4 源码
本文首发于掘金,未经许可禁止转载
Vuex
4是Vue的状态管理工具,
Vuex
和单纯的全局对象有以下两点不同:
Vuex
的状态存储是响应式的不能直接改变store中的状态。
·
2023-08-15 16:44
vuexvue.js
vue: 解决
vuex
页面刷新数据丢失问题
一、问题描述1、一般在登录成功的时候需要把用户信息,菜单信息放置
vuex
中,作为全局的共享数据。但是在页面刷新的时候
vuex
里的数据会重新初始化,导致数据丢失。
岚平果
·
2023-08-15 09:27
axios
比较好的文章http://blog.csdn.net/generon/article/details/72848126主流的Vue项目,都选择axios来完成ajax的请求,大型项目都使用
vueX
来管理数据
Jess_ce
·
2023-08-15 07:21
上一页
41
42
43
44
45
46
47
48
下一页
按字母分类:
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
其他