Vuex

Vue3 官方推荐状态管理库Pinia

fishmemory7sec·2025-03-30 04:46

前端框架入门：Vue 基础

结合Vuex（状态管理）和VueRouter（路由）开发大型应用。2.Vue模板语法Vue

风亦辰739·2025-03-24 20:36

React的状态管理——Redux

counterStore为React注入storeReact组件使用store中的数据React组件修改store中的数据绑定用户交互效果展示action传参Redux异步状态管理React中的Redux就像Vue中的Vuex

miraculous111·2025-03-24 04:24

快速理解Vue3中Pinia里的subscribe方法使用

快速理解Vue3中Pinia里的subscribe方法使用一、Pinia简介Pinia是Vue3的状态管理库，类似Vue2中的Vuex，但使用更简洁高效二、subscribe方法简介subscribe方法是

MXN_小南学前端·2025-03-23 22:01

如何解决Vue组件间传递数据的问题？

Props与$emit父向子传递数据子向父传递数据2.2兄弟组件通信：共享父组件或全局事件总线通过共同父组件全局事件总线（EventBus）2.3跨级组件通信：Provide/Inject2.4全局状态管理：Vuex3

几何心凉·2025-03-23 15:01

数据库 + Spring Boot + Vue 全栈交互逻辑详解

代码CC·2025-03-19 20:15

Vuex 和 Pinia 的对比

Vuex和Pinia都是Vue状态管理库，但它们有一些区别：1.开发背景Vuex：Vuex是Vue.js官方推出的状态管理库，主要用于管理复杂应用中的全局状态。它在Vue2和Vue3中都被广泛使用。

徐福记c·2025-03-19 09:09

【Vuex：在带命名空间的模块内访问全局内容】

文章目录一、命名空间与全局内容的关系1.什么是命名空间？✅开启命名空间二、在命名空间模块内访问全局内容1.访问全局state2.访问全局getters3.调用全局mutations4.调用全局actions三、示例：模块间访问与全局状态共享1.定义模块2.注册模块3.测试调用四、常见问题与注意事项1.如何在组件中访问其他模块的state？2.模块命名冲突问题五、总结一、命名空间与全局内容的关系1.

武帝为此·2025-03-19 02:11

【Vue.js 2.x源码解析】第18章从Vue源码分析计算属性与侦听属性的本质差别

想深入了解Vue2.x源码底层原理实现，从编译系统、渲染系统到响应式系统vue-router和vuex等实现方式可以关注『Vue.js2.x源码精讲』专栏或查看专栏目录了解详情从Vue源码分析计算属性与侦听属性的本质差别计算属性

代码简单说·2025-03-18 07:10

Vue CLI 构建移动端购物商城实战

文章详细解析了Vue.js基础、VueCLI3的项目配置、组件化开发、Vuex状态管理、VueRouter路由管理、移动端适配、热重载与开发服务器配置，以及生产环境优化等关键知识点，对于提升Vue.js

凌莫凡·2025-03-17 04:08

Vuex 进阶：命名空间与状态持久化

在Vue.js应用中，Vuex是管理全局状态的核心工具。随着应用规模的扩大，我们可能会遇到模块化管理和状态持久化的需求。

vvilkim·2025-03-15 14:32

页面刷新时如何实现vuex数据缓存

在Vuex中，您可以使用本地存储(例如localStorage)来缓存状态数据，并在页面刷新时将其加载回状态中。

拉米医生·2025-03-14 22:44

vuex-persistedstate缓存vuex状态数据

`vuex-persistedstate`是一个用于在Vuex中实现数据持久化的插件，可以将Vuexstore中的状态持久化到本地存储中（如localStorage或sessionStorage）。

abytecoder·2025-03-14 22:44

vuex持久化处理

在使用vuex时有一个弊端就是，就是一旦页面刷新，所有之前存储的状态就全部没了，这是因为js代码运行在内存中，代码运行时所有的变量和函数都是保存在内存中的，刷新的时候以前申请的内存将会被释放，并且js脚本会被重新加载

孟孟_mengmeng·2025-03-14 22:12

vuex-----Store进行页面数据缓存，页面回退不刷新数据。

各位可以经常在项目当中遇见一个非常常见的需求，即用户在一页表单中点击某列详情或其他操作，跳转入另一页面，在完成操作后返回前一页，期望前一页的表单页数停留在最后操作的那一页，而不是从新以第一页开始，这样会导致用户操作频繁，系统友好度非常低。在以往的项目经验当中，keep-alive是一个很好的处理方式，但是keep-alive本身也存在一些坑，不小心就会给自己挖了慢满满的坑，在最新的项目当中，有使用

猪头人的机车暴力美学·2025-03-14 22:40

vuex中使用vuex-persistedstate无法进行持久缓存

在vuex的mutations中发送axios请求造成响应数据无法持久缓存最近在开发一个基于vue3的后台管理系统，因为要使用到了动态路由和权限管理，所以需要请求用户所属角色的一个权限信息，并将这些信息通过

小小怪下士_---_·2025-03-14 22:38

springboot+vue实现登录功能

二、环境工具vue2.0element-uiaxiosvue-routervuexJavaspring-bootvscodeidea三、搭建后端spring-boot框架1、选择S

m0_67402096·2025-03-14 01:04

八、Vuex与Composition API的结合：现代化状态管理方案

一、Vuex与CompositionAPI的对比（一）Vuex的优势与不足优势集中式状态管理：在大型应用中，Vuex将所有共享状态集中管理，便于维护和调试。

码说数字化·2025-03-12 20:31

在Vue中如何高效管理组件状态？

1.引言2.局部状态管理2.1组件内部的data2.2计算属性与Watcher3.父子组件状态传递3.1通过Props与$emit3.2双向绑定（v-model）4.全局状态管理4.1使用Vuex4.2

几何心凉·2025-03-12 18:50

Vue2-状态管理Vuex介绍与使用

文章目录VueX介绍什么情况下应该使用Vuex？

来一杯龙舌兰·2025-03-12 14:23

Vue 生态中路由与状态管理的变迁：Vue-Router、Vuex 及 Pinia 解析

Vue-Router有哪些变化?引入方式变化,routes属性加入强制判断如果页面上没有对应的命名式路由,如果像推送到路由上去,原先的做法会默认导航到默认路径(‘/’)现在4.x以上版本不会有这个行为,而是去加载一个空的组件,且在控制台抛出异常不会再给默认路径添加/,redirect重定向需要写全路径//router/index.js//Vue2的配置方法,的情况下,path:'',会在about

大麦大麦·2025-03-10 08:30

Vuex的使用

1.VuexVuex是Vue.js应用的状态管理库，用于集中管理所有组件的状态【数据】。

布鲁斯的快乐小屋·2025-03-10 05:06

搭建规范化的vue2项目

项目包含的库Vue2+Vuex+Router+Eslint+Prettier环境vue：2.6.14eslint：7.32.0prettier：2.4.1eslint-plugin-prettier：4.0.0eslint-plugin-vue

lydxwj·2025-03-09 17:17

框架基本知识总结 Day16

登录注意点前台接受到loginUser对象，前台后续的操作都需要依靠这个对象后台可以存在redis数据库中，前台可以存在vuex和Sessionstorage中vuex在刷新页面后数据会消失，需要使用浏览器的

小斌的Debug日记·2025-03-08 17:33

第 5 章：vuex

1.理解vuexvuex是什么：概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信

Muko_0x7d2·2025-03-08 16:20

vue基本功

需要手动写依赖，immdiate默认是falsetoRef和toRefstoRef:复制reactive里的单个属性并转成reftoRefs:复制reactive里的所有属性并转成refvue3中使用vueximport

码林鼠·2025-03-07 18:51

Vuex基本理论

Vuex是对数据统一进行管理工具其中包含以下API：state中保存着共有数据，数据是响应式的，所有的数据全部保存到state中，state需要单独注册；getter可以对state进行计算操作，主要用来过滤一些数据

王富贵的记录·2025-03-07 17:11

框架基本知识总结 Day15

（前提是安装了vue脚手架）2.安装路由npmaddvue-router，新建一个router文件夹，router相关都会在这里配置，创建一个router实例，然后在mian.js引入并且挂载3.安装vuex

小斌的Debug日记·2025-03-07 01:47

vue3动态路由+页面刷新丢失路由+再次加载路由

1、保存路由信息在登录的时候从后端获取路由信息保存到全局pinia或者是vuex，我用的是pinia建议在保存的时候对路由信息数组做好处理2、在router.ts中引入pinia保存的路由信息：注意不要使用

Angus-zoe·2025-03-06 23:25

axios在vue3中的封装处理

封装一个请求模块，调用接口时使用1）安装axiosnpmiaxios2）新建src/utils/request.js模块//封装全局request请求的方法importaxiosfrom'axios'//vueximportstorefrom

每天都在努力学习的刘同学·2025-03-06 09:21

Vue3移动端的路由动态缓存之keep-alive的使用

文件中添加下列代码letstore=useStore();letkeepAliveList=computed(()=>store.state.keepAliveList);这里默认大家已经掌握了全局路由守卫和vuex

梦凡尘·2025-03-05 23:31

若依前后端不分离登录大致代码

$store.dispatch是调用vuex中actions中的方法，是vuex相关知识。handleLogin(){this.

m0_71908411·2025-03-05 18:00

vue学习笔记 export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘

版本：vue3vue/cli5.0.0做写store时报错importVuefrom"vue";importVuexfrom"vuex";importgettersfrom".

xiaoweiwei99·2025-03-05 14:45

vue使用本地缓存的深入探究

目录引言一、localStorage和sessionStorage基础（一）基本概念（二）基本使用方法（三）优缺点分析优点缺点二、使用vuex-persistedstate进行状态持久化（一）vuex-persistedstate

码上前端·2025-03-04 15:44

【TypeScript】ts在vue中的使用

函数复用二、组件开发1.组合式API（CompositionAPI）2.选项式API（OptionsAPI)三、Vue2+TypeScript1.安装依赖2.类组件（VueClassComponent)3.Vuex

咔咔库奇·2025-03-02 19:57

手把手教你搭建vue3项目-axios封装（添加请求页面loading）

黄壮Z·2025-03-01 14:16

封装el-select滚动底部加载更多

/components/LoadMoreSelect/index.vue";import{mapActions}from"vuex";exportdefault{name:"LoadMore",components

心肝到爆·2025-03-01 02:45

监听其他音频播放时暂停正在播放的音频

要实现当有其他音频播放时暂停当前音频，你可以使用全局事件总线或Vuex来管理音频播放状态。这里我将展示如何使用一个简单的事件总线来实现这个功能。首先，你需要创建一个事件总线。

至_臻·2025-02-28 17:46

深入浅出 Pinia：下一代 Vue 状态管理库的核心实践与设计哲学

传统的组件间通信（如props/emit）在跨层级组件或大型应用中显得力不从心，而Vue生态早期的Vuex虽然解决了这一问题，但随着TypeScript的普及和CompositionAPI的推出，开发者对状态管理工具提出了更高要求

斯~内克·2025-02-28 04:31

Vue.js 深入解析：从基础到进阶

Vue.js既可以作为一个简单的UI渲染引擎，也可以通过VueRouter和Vuex扩展为强大的全栈开发工具。

sleepwalking450·2025-02-28 02:13

深入浅出 Vue.js：从基础到进阶的全面总结

目录Vue.js基础Vue实例模板语法计算属性和侦听器组件系统组件基础父子组件通信插槽VueRouter路由基础动态路由匹配嵌套路由Vuex状态管

多年以后_·2025-02-28 02:11

vue组件间通信的八大方法

$parent和$children3.provide和reject4.ref/refs5.Vuex6.slot7.

@LitterFisher·2025-02-27 04:44

Pinia

官网：https://pinia.vuejs.org/zh/introduction.htmlPinia和VuexPinia和Vuex都是Vue.js状态管理库，但它们在一些方面有所不同。

Sunshinedada·2025-02-26 09:58

Vue01

vuevue基础vue-clivue-routervuexelement-uivue3vue基础vue是什么一套用于构建用户界面的渐进式JavaScript框架采用组件化模式，提高diamagnetic

memorycx·2025-02-26 04:52

写文章里面的文档的基础命令，熟能生巧

这里写自定义目录标题会话存储对象sessionStoragevuexcookie合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中

Emma_Maria·2025-02-25 19:43

2022年9月前端学习笔记

overflow:auto;2、封装通用axios返回值类型3、vite构建的vue3项目适配移动端4、使用vue3+vite+TypeScript搭建新项目1.新建项目2.配置vue-router43.配置vuex45

早日退休！·2025-02-24 04:09

vuex 简单使用

vuex简单使用示例：管理一个对象状态假设我们要管理一个用户对象user，包含name和age两个属性。

xwhking·2025-02-22 00:19

Vue 状态管理

Vue.js作为一个流行的前端框架，提供了多种状态管理方案，其中最常用的是Vuex。

二川bro·2025-02-21 07:30

threejs将stl文件格式类型转为drc压缩文件类型

格式文件太大，普遍是十几兆，最后研究出将stl格式文件转为drc格式文件加载，场景加载模型的过程只需要几秒即可，接上来上代码//整个项目是vue3+js的项目，通过vite进行打包，使用的pinia来替代的vuex

ccc陈陈陈·2025-02-20 23:05

Vue3 vuex

概念Vuex：状态管理工具使用场景有时候，需要在多个组件中共享状态，并且是响应式的状态，一个变，全都跟着发生改变的场景。

＊且听风吟·2025-02-20 20:16

推荐频道