VueX

vue 升级3 +vite+antdv4

目录一、安装包相关升级二、vite.config三、入口文件修改四、App.vue及相关升级五、路由六、状态管理VUEX一、安装包相关升级升级pakage.json相关安装包vue2插件vue3替换插件
huaiyanchen·2023-07-23 02:33

vue结合webpack4使用vuex入门学习2

将上一个的练习代码拷贝一份，在这基础上继续学习mutations中的方法名建议用一个变量来代替，这样可以减少发生错误的概率image在src下新建一个名为mutations-type.js的文件来放定义mutations方法名的变量，然后再在相应的文件引入mutations-type.jsexportconstincrement='increment'exportconstremove='remo
温酒居士·2023-07-23 00:56

vue笔记

watch是当watch的值发生变化，则执行其中的函数1.vuexVuex的状态存储是响应式的。
VictoriaZsj·2023-07-22 17:14

vuex的commit

conststore=newVuex.Store({state:{count:0},mutations:{increment(state){state.count++}},actions:{increment
做个有准备的人·2023-07-22 12:19

Vuex数据状态持久化

vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，这是我们不愿意看到的。怎么解决呢，我们可以结合本地存储做到数据状态持久化，也可以通过插件vuex-persistedstate。
zhan_lijian·2023-07-22 11:53

JS设计模式-单例模式

应用场景：登录弹窗购物车命名空间引入第三方库（多次引用只会使用一个库引用，如jQuery）全局态管理store-Vuex优缺点：优点：适用于单一对象，只
十三月呀·2023-07-22 09:04

vue基础入门

vue的指令、组件（是对UI结构的复用）、路由、Vuex、vue组件库只有把上面老师罗列的内容掌握以后，才有开发vue项目的能力！
小白程序猿H·2023-07-22 03:10

34-Vuex-actions

Action类似于mutation，不同在于：Action提交的是mutation，而不是直接变更状态(state)。Action可以包含任意异步操作。在index.js中：...conststate={count:1}constmutations={//管理事件类型add(state){state.count+=1},reduce(state,step){state.count-=step;co
早起的鸟儿·2023-07-21 22:37

6.手把手教你使用Vuex - 常量代替XXX事件类型

上一个步骤是介绍了将未来可能十分庞大的store按属性进行了比较详细的拆分，这样会带来一些好处，当然拆不拆完全取决于你。接下来我们介绍的是“常量代替XXX事件类型”，当然，这个步骤和上一步一样，属于优化的步骤，做不做，取决于你。当然了，你要先看看下面的介绍再决定做不做嘛，是吧，哈哈。我们要在上面的基础上需要增加一些文件store|___index.js|___state.js|___mutatio
木头就是我呀·2023-07-21 21:33

VueX（三）

-之前写个一些关于Vuex的基础用法，然而在实际项目中那么写肯定是不合理的，如果组件太多，不可能把所有组件的数据都放到一个store.js中的，所以就需要模块化的组织Vuex，首先看一下项目结构。
写bug我是专业的·2023-07-21 20:22

vuex的使用

一vuex的一些知识1.1vuex是什么Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
xinhongwu·2023-07-21 15:03

vue3使用vuex

在vue3中可以使用Vuex也可以使用pinia，下面我们来讲讲如何在vue中使用vuex首先下载vuex，安装依赖库npmintallvuex--save-dev配置vuex在main.ts中引用importstorefrom
Faith_ZL·2023-07-21 15:10

vue3 中使用pinia，实现持久化存储

vuex与pinia对比都支持选项式API和组合式APIpinia没有mutations，只有：state，getters,actionspinia分模块不需要modulespinia的TS支持很好pinia
Faith_ZL·2023-07-21 15:10

vue2中使用事件总线（EventBus）传值

来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件，但也就是太方便所以若使用不慎，就会造成难以维护的“灾难”，因此才需要更完善的Vuex
Faith_ZL·2023-07-21 15:10

vue3+vite+pinia+vue-router+ol项目创建及配置

两种方式创建目录结构一致方式一：vite创建脚手架命令：命令行：npmcreatevite@latest然后选择方式二：命令行直接声明带上vue二、pinia(一)、定义定义：pinia是一个是Vue官方团队推荐代替Vuex
影子信息·2023-07-21 14:36

看完学会Vuex

如果你之前使用过vue.js，你一定知道在vue中各个组件之间传值的痛苦，在vue中我们可以使用vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新，那么接下来我们就来学习一下
繁络·2023-07-21 08:06

vuex之刷新页面时token丢失问题

前端项目，使用vuex作为状态存储，但是遇到一个问题，就是在刷新页面时出现了丢失token的问题，下面给出完美的解答：1.可以使用缓存将vuex中的state缓存起来，可以使用localStorage和
墨者大数据·2023-07-20 16:17

前端登录业务中刷新页面导致VueX中存储的Token丢失问题

发现问题：在实现用户登录注册的业务时，通过ajax请求将用户注册的用户名和密码发送给服务器（可以将数据放入请求头中)，服务器返回一个账号专属Token,将Token存储在总store中，然而刷新页面将导致store中的Token值丢失，变为初始值，即为空串，导致后续一系列需要用到判断Token是否存在的行为丢失。问题原因：表面原因是因为token没有携带给服务器，无法将携带Token的ajax请求
mwj020130·2023-07-20 15:45

美团面试官：那你讲一讲Vuex吧

给大家推荐一个实用面试题库1、前端面试题库（面试必备）推荐：★★★★★地址：前端面试题库前言周一接到了美团的一面，面试官人很好，基本都是围绕着简历来问，下面就是我重新整理了一下怎么实现Vuex的min简单版本
前端技术栈·2023-07-20 12:06

Vue 5 - 状态管理(Vuex)

文章目录Vue状态管理(Vuex)引入Vuex的步骤Vue状态管理核心(Vuex)GetterMutationAction本文内容来自：https://www.bilibili.com/video/BV1Rs4y127j8
伊织code·2023-07-20 05:06

Vue3父子组件emit参数传递（解决Vue2this.$emit无效问题）

2.Vue3现在由于compositionAPI的方式可以说是弱化了Vuex的存在（当然Vuex现在可以用没什么变化）
韦_恩·2023-07-20 03:48

vuex模块化

上一节modulesmodules也属于vuex的核心概念之一为什么要使用模块化？
踏莎行·2023-07-19 18:50

vuex优缺点小结

vuex是vue中的状态管理模式。它采用集中式存储管理应用的所有组件的状态。项目中也会经常用到，今天总结一下其优缺点。
孟孟_mengmeng·2023-07-19 18:07

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】 （三）

本系列教程是用Vue.js+Nuxt.js+Element+Vuex+开源js绘图库，打造一个属于自己的在线绘图软件，最终效果：http://topology.le5le.com。
Alsmile123·2023-07-19 14:29

使用vite+vue3+antd+less搭建基础项目

2、引入vue-router和vuexyarnaddvue-router@next-Syarnaddvuex@next-S配置main.
呀呀音·2023-07-19 14:44

vue中如何获取或者改变vuex中的值

vue中如何获取或者改变vuex中的值store-->index.js在页面中使用或者修改vuex中的值store–>index.jsimportVuefrom'vue'importVuexfrom'vuex'Vue.use
miao_zz·2023-07-19 11:53

【一文搞定Pinia】超详细的Pinia教程，比Vuex香太多了！

Pinia是什么二、Pinia使用1.基本使用2.state3.getters4.actions5.模块化一、Pinia是什么首先来看下面这张图：所以：伴随vue2到vue3的升级，官方已经用Pinia代替了Vuex
小五Five·2023-07-19 11:11

Vue2.0 Vuex的基本使用

文章目录前言优点'State'概念一、State获取状态1.单个状态-直接获取2.多个状态-通过mapState获取二、Mutation同步存储/修改状态1.参数型提交2.对象风格提交三、Action异步存储/修改状态1.mapActions分发Action2.dispatch()分发Action四、Getter1.通过属性访问getter函数2.通过方法访问getters函数3.通过mapGet
白瑕·2023-07-19 08:56

Vue3: 如何以 Vite 创建，以 Vue Router, Vuex, Ant Design 开始应用

本文代码：https://github.com/ikuokuo/start-vue3在线演示：https://ikuokuo.github.io/start-vue3/Vite创建Vue3项目yarncreatevite-appmy-sitecdmy-siteyarnyarndev运行输出：❯yarndevyarnrunv1.22.10warningpackage.json:Nolicensefi
GoCodingInMyWay·2023-07-19 08:53

Vuex5个属性

state用来存储数据getter相当于计算属性mutation定义方法操作state里面的数据actions异步操作数据一般还是需要通过mutation操作数据modules模块化vuex
和月亮说想你·2023-07-19 07:30

深入探索Vuex：Vue.js官方状态管理库的全面指南

」：★java一站式服务★★前端炫酷代码分享★★uniapp-从构建到提升★★从0到英雄，vue成神之路★★解决算法，一个专栏就够了★★架构咱们从0说★★数据流通的精妙之道★文章目录前言状态管理：了解Vuex
雪碧有白泡泡·2023-07-19 05:39

前端写接口 请求后台数据 存vuex中 打印到控制台

最近从B站上面跟着敲vue的项目，多次看到有关于前台拿到后端的接口地址文档，写前端接口，然后请求后台数据，放到vuex当中，再然后再在需要展示数据时渲染出来，于是做个输出小结，分享出来，供大家一起学习进步
想学吉他！·2023-07-19 05:28

老板让我十分钟上手nx-admin

大体流程参考资料:nx-admin项目地址首先这里就不讲解vue和vuex之类的基础东西了有兴趣的可以去官方文档了解。
nxmin·2023-07-19 05:13

【vue-进阶】之深入理解Vuex

为什么需要Vuex通常Vue项目中的数据通信，我们通过以下三种方式就可以解决，但是随着项目多层嵌套的组件增加，兄弟组件间的状态传递非常繁琐，导致不断的通过事件来变更状态，同步状态多份拷贝，最后代码难以维护
尤小小·2023-07-19 02:25

vue 文件说明

页面|-static存放应用引用静态资源（如图片、视频等)的目录，注意：静态资源只能存放于此|-main.jsVue初始化入口文件，可以在里面加载全局的css、js、第三方库，main.js里面初始化了vuex
Big_Zheng·2023-07-19 02:49

Vuex 中，使用命名空间，命名空间是用来对模块进行标识和隔离的机制

在Vuex中，命名空间是用来对模块进行标识和隔离的机制。它可以确保不同模块中的状态、操作和getter不会发生冲突。
一嘴一个橘子·2023-07-19 01:22

vue，vuex，通过store维护很多个页面要用到的公共变量

将获取订单数量的方法放在Vuex的actions中是比较好的做法。这样可以确保数据的获取和维护逻辑集中在一个地方，并且可以在多个组件中共享这个数据。
一嘴一个橘子·2023-07-19 01:52

Vuex 中，使用modules时，不使用命名空间

fafa.js文件import*asfafaApifrom'@/api/fafa'constfafa={state:{newOrderNum:9//新订单数量},mutations:{SET_NEWORDERNUM:(state,num)=>{state.newOrderNum+=num}},actions:{//获取新订单数量的接口GetNewOrderNum({commit,state},pa
一嘴一个橘子·2023-07-19 01:19

uniapp 子组件 props拿不到数据_vue组件通信总结

注意是接口，我说了vuex和localStorage，立马就被否决了一、父子组件通信1.props和$emitprops最常见的父子通信接口，但是props是单向数据流的形式：父级prop的更新会向下流动到子组件中
weixin_39823299·2023-07-18 18:07

actions的使用详解

actions的使用详解为何要有actions环节我们之前学了vuex状态管理，组件可以引用state，但是不能直接修改state,比如发送操作到actions，在此执行异步操作，然后再提交mutation
407指导员·2023-07-18 16:01

解决Vuex刷新页面数据丢失的问题

一：数据丢失的原因vuex存储的数据只是在页面中，相当于全局变量，页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。
码上遨游上九天·2023-07-18 14:17

前端周刊：2022-2期

axiosAxios的升级替代品，与Axios完全相同的API，仅仅为Instance.get()方法扩展缓存功能项目推荐：@tower1229/vue-store更简单的vue状态管理插件，如果你也觉得vuex
tower1229·2023-07-18 09:40

设计模式 ~ 单例模式

单例模式单例模式是一种设计模式，指在确保一个类只有一个实例，并提供一个全局访问点来访问该实例；前端对于单例模式不常用，但是单例的思想无处不在；创建之后缓存以便继续使用；如：弹窗、遮罩层、登录框、vuexredux
DGogoing·2023-07-18 04:41

Vue 常见 API 及问题

相信小伙伴们可能第一时间想到了vuex，但是如果只是简单的业务逻辑，vuex的引入和维护就没有那么必要~~~我百度了一下，大部分有说通过使用Vue事件总线（EventBus）来进行处理无关联组件之间的通信
橙色流年·2023-07-18 04:51

vue动态修改浏览器标题和logo

所以想要动态改变系统标题和图标解决方案将项目制造一个入口可以修改项目的名称和logo，后端给了一个上传logo的接口，一个更改项目名称的接口，我上传logo，后端返回给我一个图片链接，我更改项目名称，后端返回一个项目名称，我将项目logo和项目名称存入vuex
阿wei程序媛·2023-07-18 01:39

vuex实现原理

如有侵权，私聊我删除，未经允许，不准作为商业用途实现vuex.Store，接受一个对象参数，主要包含state,actions,mutations,getters等核心，用newVue创建一个数据双向的
zhang463291046·2023-07-18 00:31

vue3项目搭建

使用vue-cli快速搭建项目winptyvue.cmdcreatehello-world选择vue3typescriptbabelCSSPre-processors(sass)routervuexlinter
simon_李玉兵·2023-07-17 23:04

vue项目总结（3）vuex+vue-router+axios实现登陆-权限拦截

上一篇中具体的说了vue-router的一些内容；今天加上axios实现接口上的控制；接着肯定涉及到状态的管理方面的内容了；还是先说一下涉及到的一些基础内容吧；了解一下axios在了解axios的时候；先简单的说一下咱们常用的ajax;我之前更新过关于ajax-API的一些属性讲解的文章；大家可以看一下；其实底层都是对XHR的封装；[https://www.jianshu.com/p/4522b2
吴高亮·2023-07-17 23:29

学习vue2笔记

TodoList案例webStorage组件的自定义事件全局事件总线（GlobalEventBus）消息订阅与发布（pubsub）nextTickVue封装的过度与动画vue脚手架配置代理方法一方法二插槽Vuex1
ANnianStriver·2023-07-17 23:38

vue3的状态管理

vue3的状态管理比较简单，摒弃了繁琐的vuex，改用肥肠好用的pinia。
姜治宇·2023-07-17 13:09
上一页 47 48 49 50 51 52 53 54 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他