vuex页面刷新

Vue3 中使用 Vuex 和 Pinia 对比之 Vuex的用法

本文基于Vue3的compositionAPI来展开Vuex和Pinia的用法比较Pinia传送门Vuex传送门Vuex状态管理的核心概念状态-驱动应用的数据源；视图-以声明方式将状态映射到视图；操作-
爱问的艾文·2024-01-11 20:48

JQuery实现页面刷新后导航保留鼠标点击标签的样式

$(function(){$(".nav-pillsli").removeClass("active");$(".nav-pillslia").each(function(){if($($(this))[0].href==String(window.location))$(this).parent().addClass('active');});});
悦者生存·2024-01-11 18:54

Vue面试之组件通信的方式总结（下篇）

Vue面试之组件通信的方式总结$refprovide&injectprovideinjectEventBus事件总线vuex最近在整理一些前端面试中经常被问到的问题，分为vue相关、react相关、js
迷糊的小小淘·2024-01-11 18:33

vue 中实现页面刷新验证码不重置

平时我们在项目中进行注册等的时候,会经常用到短信验证的功能,但是现在很多短信验证都是存在下面几个问题,例如短信验证时间为60s的时候,当点击完按钮时,倒计时还没到60s过完时,刷新浏览器,验证码按钮又可以重新点击2.当点击按钮倒计时开始,例如在50s的时候我关闭了浏览器,过了5s后,我在打开,此时时间倒计时的时间应该是45s左右,但是当重新打开浏览器的时候,按钮又可以重新点击了为了解决上面的两个问
弹指一挥间_e5a3·2024-01-11 17:50

2021-06-29 vuex的简单理解

vuex组件之间共享数据的方式父向子传值：v-bind属性绑定子向父传值：v-on事件绑定兄弟组件之间共享数据：EventBus$on接收数据的那个组件$emit发送数据的那个组件以上方式，只使用于小范围内传递数据
黑云·2024-01-11 16:10

vue实现用户登录验证 + 权限验证 + 动态路由（左侧菜单栏）

1.技术栈说明vue2.6+vue-router+vuex+element-ui2.开始：新建项目前提条件：在个人电脑上安装好nodejs（我的是14.15.1）之后，利用nodejs自带的npm包管理器安装好
何小玍。·2024-01-11 10:51

vue3权限管理——（路由权限）动态路由设置

1.大概思路设置基础路由login和home等页面；登录后从后端获取user,token,rights等数据，并将数据同时存储到vuex和sessionStorage中将后端获取的权限数据（作为不同用户显示不同菜单及不同路由的依据
Jyann~·2024-01-11 10:17

vue 实现用户登录验证+权限管理+动态路由

一、技术栈vue+vuex+vue-router+ant-design-vue+axios+mockjs2二、新建项目前提
土著零·2024-01-11 10:17

使用 Vue 3 实现 基于身份的权限验证

1:首先，你需要在Vue项目中安装vue-router和vuex（用于状态管理）：npminstallvue-routervuex2:创建一个路由配置文件router.js，并配置你的路由规则和权限需要验证的路由
星空,二脚·2024-01-11 10:46

mapState中的属性使用this

对象形式（别名）+开启了命名空间（namespaced:true）*需要带上模块名称才可以访问对应模块的state，例如下面的'common'模块名称***/...mapState('common',{vuexCount
椒盐大肥猫·2024-01-11 05:55

vuex多模块模式下使用辅助函数（开启了vuex的命名空间）

下面以mapGetters辅助函数为例其它mapActions,mapMutations,mapState辅助函数声明和调用雷同页面中声明和调用VueX练习import{mapActions,mapGetters
椒盐大肥猫·2024-01-11 05:24

Vue-Vuex-共享数据

将组件之间需要操作的共享数据保存到Vuex中，实现简单全局共享和更新，不需要再组件之间层层传递基本使用导入创建Vuex对象conststore=newVuex.Store({/*1.state就相当于组件中的
慕小小小呀·2024-01-11 04:12

SpringBoot+Vue豆宝社区前后端分离项目手把手实战系列教程02---创建后端工程

image代码开源地址前端后端视频教程地址视频教程前端技术栈VueVuexVueRouterAxiosBulmaBuefyElementVditorDar
__豆约翰__·2024-01-11 00:02

Vue组件：Vuex的使用及简化使用，模块化命名空间

Vuex集中式的状态管理，Vuex是一个专为Vue.js应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
CodeMonkey-D·2024-01-11 00:11

vue3中router路由配置和使用方法和vuex的store配置和使用方法，获取对象基本使用详细教程

vue3中router路由和vuex的store使用方法，获取对象基本使用详细教程vue3中router和store使用方法1、企业开发Router全局配置1.1、Router获取及使用1.2、Route
Java全栈开发架构师·2024-01-10 15:52

Vue文件夹目录结构

*node_modules：项目所有依赖的包文件，比如vue-router、vuex等插件都会下载到这个文件夹里面*public：本地服务器的文件夹（其实是访问里面的index.html）*favi
为了_理想·2024-01-10 11:47

vue3用户权限管理（导航栏权限控制）2

上一节我们说到，通过后端的用户权限来进行路由的动态添加，实现权限控制，这一节我们通过递归导航栏组件，实现后台权限控制导航栏，接上一节所说我们在vuex中存储了一个路由数组["/","*"]进行权限控制，
香蕉麻花皮·2024-01-10 07:17

vue结合vuex

在src目录下面，新建一个store文件夹，目录结构如下image.png1、index文件importVuefrom'vue'importVuexfrom'vuex'importmutationsfrom'store
搬个菠萝晒太阳·2024-01-09 18:19

商城小程序（7.加入购物车）

目录一、配置vuex二、创建购物车的store模块三、在商品详情页中使用store模块四、实现购加入购物车功能五、动态统计购物车中商品的总数量六、持久化存储购物车的商品七、优化商品详情页的total侦听器八
Kiritoasu·2024-01-09 14:31

vue3 如何采用 App.vue定义全局变量与方法，并实现局部vue页面刷新

需求描述：两个VUE页面，A为主页面，B为子页面。现需求为，在A页面点击li数据后，B页面内容自动改变。目录一、分析二、代码示例一、分析网上解决方案一般使用provide和inject来定义全局变量和方法，并在局部页面中刷新。但多次尝试后并不适合，以下是prop父子传值以及全局方法配合实现；二、代码示例主页面（A.vue）{{item.name}}exportdefault{data(){retu
Crhy、Y·2024-01-09 11:49

Vue-依赖注入（provide-inject）

如何实现响应式方法一、父级组件为子级组件提供的数据为对象方法二、传递一个参数用方法返回provide-inject的作用通常情况下，父组件向孙组件传递数据，可以采用父子props层层传递，也可以使用bus和Vuex
H5_ljy·2024-01-09 09:07

关于学习VUEX的学习记录

store文件importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)conststore=newVuex.Store({state:{isView:false
曦和百里·2024-01-09 06:38

小赢科技面试题

使用场景：2.pinia和vuex的区别3.v-if和v-show4.forin和forof
越来越好的月·2024-01-09 03:05

vuex报错 this.$store显示undefined

报错：vuex报错this.$store显示undefined，使用vuex保存数据时，发现this.$store是undefined,打印this，发现没有$store属性。
꧁꫞꯭零꯭点꯭꫞꧂·2024-01-09 01:13

记录页面跳转传参不让地址出现传的参数，还要使页面刷新不丢失数据

params相对于query来说较安全一点现在，需求就是传参不让地址出现传的参数，还要使页面刷新不丢失数据。思路就是需要用到vuex,vuex不懂的，直接百度了解一下，现在废话多说，直接上跳转
江一呀·2024-01-09 01:28

vue2.x中Watch和vue3.x中Watch使用和区别

vue2.xWatch和vue3.xWatch使用和区别大家都知道在vue中，我们经常会用到监听数据一个数据，当数据发生变化的话执行某个功能，实现的方法有很多，现在的话重点说一下vuex2.x中属于配置项的
狮子歌歌_丶·2024-01-09 01:22

【vue项目部署】vue路由在多级页面下，页面刷新空白（history模式下）的排查过程&问题解决

前言在项目打包部署后，出现了多级目录刷新后白屏的问题。记录一下排查过程与解决方法。正文1：在项目打包部署后，多级目录刷新后白屏，并且报错：UncaughtSyntaxError:Unexpectedtoken'不是history或者hash模式设置的问题，也与nginx以及后端代码无关。2：点击这个报错，查看详细信息，发现是在index.html页面出现的。—>可能是资源路径配置的错误，搜索后找到
Lana学习中·2024-01-08 23:48

Vue2 基本语法

TodoList案例webStorage组件的自定义事件全局事件总线（GlobalEventBus）消息订阅与发布（pubsub）nextTickVue封装的过度与动画vue脚手架配置代理方法一方法二插槽Vuex1
不爱吃奶昔（zsl0）·2024-01-08 19:45

将vue项目的图片请求带上请求头如token

封装了一个图片组件直接上代码import{mapActions,mapGetters}from"vuex";exportdefault{name:"authImg",props:{authSrc:{type
正兒八经DI瞎练ぃ·2024-01-08 19:53

vue3——如何安装vuex

安装配置1.执行安装命令:npminstallvuex2.在src目录下新建一个目录store,并在该目录下创建index.js3.在index.js中写入以下内容import{createStore}
Z_B_L·2024-01-08 17:11

聊天Demo

文章目录参考链接使用前端界面消息窗口平滑滚动至底部vue使用watch监听vuex中的变量变化参考链接vue.js实现带表情评论功能前后端实现（仿B站评论）vue.js实现带表情评论仿bilibili（
ps酷教程·2024-01-08 17:10

store 简单引入例子

/store'store/index.jsimportVuefrom'vue'importVuexfrom'vuex'importgettersfrom'.
qq_34114535·2024-01-08 13:24

vuex5种状态?

1、State（状态）：Vuex中存储应用程序状态的位置，所有的状态都存储在这个地方。State是一个普通的JavaScript对象，包含了需要共享的数据。
一个大长腿·2024-01-08 09:11

五、Vue3状态管理[pinia]

一、pinia解释：伴随vue2到vue3的升级，官方已经用Pinia代替了Vuex成为官方的状态管理库，Pinia对ts的支持更好，更适合大型项目的开发1.安装npminstallpinia2.配置main.tsimport
黑日里不灭的light·2024-01-08 08:07

Vue中Vuex的环境搭建和原理分析及使用

Vuex的环境搭建Vuex是Vue实现集中式数据管理的Vue的一个插件，集中式可以理解为一个老师给多个学生讲课。
BoyBoy!·2024-01-08 08:21

vue兄弟组件通信（非vuex）

实例：点击按钮将组件A的"A数据"传到组件B的方框内image实现思路：根据官方文档的教程->使用一个空的Vue实例作为事件总线官方文档代码展示组件通讯.b{width:100px;height:100px;border:2pxdarkbluesolid;}#app{margin:0auto;width:100px;text-align:center;height:600px;}点击{{a}}{{
itfitness·2024-01-08 07:00

vue兄弟组件传值的五种方法

方法二:使用Vuex
zhuhaiuser·2024-01-08 04:14

vue中组件传参和插槽的关系

传参是指在组件之间传递数据，可以通过props和$emit、provide和inject、Vuex等方式实现。传参的目的是让组件之间可以共享数据，从而实现组件之间的通信。
寻源千鹤·2024-01-08 04:13

vuex-persist 可以用来干什么？

Vuex-Persist是一个用于在Vuex中实现持久化状态的库。它可以用来解决应用程序在刷新浏览器或关闭页面后丢失Vuexstore中状态的问题。
寻源千鹤·2024-01-08 04:43

实现一个vuex-loading插件

前言在项目中，如何管理loading是一个很头疼的方式，有的是在请求封装里去做了一个全屏loading，有的是在单页面中管理一个loading，比如如下：data(){return{loading:false}},methods:{asyncchange(){this.loading=true//执行异步操作awaitasyncAction()this.loading=false}}如果管理的是一
w候人兮猗·2024-01-08 02:33

利用vuex实现购物车案列

文件夹配置importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';2、主文件引入子文件同于显示在页面上Vuex
啊～哈·2024-01-08 01:45

【Vue】灵魂拷问

说说Vue的优缺点优点：渐进式，组件化，轻量级，虚拟dom，响应式，单页面路由，数据与视图分开缺点：单页面不利于seo，不支持IE8以下，首屏加载时间长2、为什么说Vue是一个渐进式框架渐进式就是你想用vuex
【南汐】前端·2024-01-07 22:25

vue2 过渡到 vue3 指南

，全局状态管理（globalstatemanagers）hooksreact理念react-queryuseQueryuseMutationuseQueryClient(Vue-Query)piniavuexvueUse
少年的小俊·2024-01-07 22:45

[VUE]4-状态管理vuex

目录状态管理vuex1、vuex介绍2、安装3、使用方式4、总结作者介绍：双非本科大三网络工程专业在读，阿里云专家博主，专注于Java领域学习，擅长web应用开发、数据结构和算法，初步涉猎Python人工智能开发和前端开发
逐梦苍穹·2024-01-07 22:07

uniApp 使用vuex

vuex就不多做介绍啦，大家都明白uniApp内已经内嵌了vuex，直接挂载使用就好啦根目录创建store目录，创建index.js文件；importVuefrom'vue'importVuexfrom'vuex'Vue.use
张思学·2024-01-07 21:09

vuex学习：serve ended with error code 3221225477

报错：serveendedwitherrorcode3221225477分析原因：错误代码3221225477通常是指应用程序在运行时遇到了异常或错误，并因此终止。该错误代码是一个Windows操作系统错误代码，也称为"C0000005AccessViolation"。这种错误可能有多种原因，包括但不限于以下几个方面：内存访问错误：应用程序试图访问无效的内存地址或访问已释放的内存。缺少或损坏的依赖
是小爱呀·2024-01-07 11:39

如何优化你的iOS应用程序以提高性能

iOS应用程序的性能优化是一个重要而复杂的话题，涉及到多个方面，如应用启动时间、页面刷新滚动流畅度、耗电量、安装包大小等。本文将从这些方面简要介绍一些常用的优化方法和技巧。
chenshilin·2024-01-07 10:01

vuex持久化问题？

vuexvuex持久化问题？vuex的数据只会存入到内存中，页面刷新就没了。
Robber2000·2024-01-07 08:18

VueRouter

1、用户权限问题可以在路由全局前置守卫判断当前vuex里是否有token有token值证明刚才登录过,无token值证明未登录router.beforeEach((to,from,next)=>{consttoken
Robber2000·2024-01-07 08:45

vuex基础

Vuex是什么？Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
zjh111·2024-01-07 04:46
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他