一、问题描述1、一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被清空。2、我在一个组件（例如登录组件页面）中登录了后，其它页面要怎

1、mapState和mapGetters的作用   mapState用于将state中的数据映射到组件的计算属性中，而mapGetters用于将getter中的计算属性映射到组件的计算属性中，之前获取Vuex数据都是通过$store找到state对象，再去state中去拿数据，操作getter，muta

1）说说什么是vuex（下定义）2）vuex解决了哪些问题，为什么要用（必要性）3）怎么使用vuex（使用方法）4）描述vuex原理，提升答案深度（深层原理升华答案）vuex的流程图分析：我们可以看到图中虚线框包裹起来的部分就是vuex的三个组成部分（Action，Mutations，state），我们来简单的捋一下整个流程：首先vue的组件在响应用户行为交

前言前进！前进！不择手段地前进！！距离Vue3.0beta发布已经过了半个多月了。本来这个东西上个月就应该写了，由于公司上个月赶项目一直没时间。趁着劳动节把这个东西写了一下，也顺便把一些坑过了一下。介绍页面比较简单，算是把CompositionAPI过了一下了基于Vue3.0beta这种页面也比较老套了涉及了

一、介绍VueCLI是一个基于Vue.js进行快速开发的完整系统。有三个组件：CLI：@vue/cli 全局安装的npm包，提供了终端里的vue命令（如：vuecreate、vueserve、vueui等命令）CLI服务：@vue/cliservice是一个开发环境依赖。构建于 we

2021/10/30pfyh1、举例说几个ES6新特性2、map和filter的区别3、浏览器缓存机制4、vue渲染机制5、生命周期钩子函数6、组件传值7、箭头函数的特点/this指向/有没有arguments/如何获取入参8、虚拟DOM树9、Diff算法10、Vuex11、vue的两种路由模式hash和history的特点12、bind,call，appl

作者：lihongxun945github.com/lihongxun945/myblog/issues/21这篇文章记录我在使用Vue和React的时候，对他们的不同之处的一些思考，不仅局限于他们本身，也会包括比如 Vuex/Redux 等经常搭配使用的工具。因为涉及到的内容很多，可能下面的每一个点都能写成一篇文章，这次先简单做

在vue项目中首先npm命令安装axios:npminstallaxiosSaxios的封装使用请求带上token，token通过登录获取存在vuex，为防止刷新丢失token使用持久化vuexpersistedstate插件保存数据npmiSvuexpersistedstateimportpersistedStat

Vuex是一个专门为Vue.js应用程序开发的状态管理模式。Vuex采用集中式存储管理应用的所有组件组件的状态。换句话说，Vuex就是帮开发者存储多个组件共享的数据，方便开发者对其读取的更改的工具。Vuex4正式版本现已发布。Vuex4的改进重点是兼容性。Vuex4支持Vue3，并提供了与Vuex3完全相同的

简单说明什么是vuex，vuex怎么使用，什么场景下适合使用vuex，vuex文档(https://links.jianshu.com/go?tohttps%3A%2F%2Fvuex.vuejs.org%2Fzh%2F)中都有介绍。看完文档之后，都知道vuex的核心有State、Getter、Mutation、Action、Modul

1Vuex是什么呢？它是Vue的状态管理模式，在使用vue的时候，需要在vue中各个组件之间传递值是很痛苦的，在vue中我们可以使用vuex来保存我们需要管理的状态值，值一旦被改变，所有引用该值的地方就会自动更新。是不是很方便，很好用呢？vuex是专门为vue.js设计的状态管理模式，集中式存储和管理应用程序中所有组件的状态，vuex也集成了vue的

近况158万周活跃用户（通过devtools插件来统计），940万的月下载量。对比去年Devtools：110万158万（43.6%）NPM：620万940万（51.6%）Vue3.0OnePiece自那之后，Vue3逐渐趋于稳定，继续探索用户体验。VueRouter4.0已经稳定。Vuex4.0已经稳定。生态慢慢

1、Action的使用        Action类似于mutation，不同之处在于Action提交的是mutation，而不是直接更改状态，Action可以包含任何的异步操作。2、定义以及使用Action代码3、分发Action代码代码action4、Action函数参数

如果您是Vue开发的新手，您可能已经听过很多关于它的专业术语了，例如：单页面应用程序、异步组件、服务器端呈现等。另外您可能还经常听到和Vue一起提到的工具和库，如Vuex、Webpack、VueCLI和Nuxt。也许您在面对这些未知的术语和

       用过vue的朋友大概对vuex也不陌生，vuex的官方解释是专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。说的简单点就是对vue的状态进行统一管理，如下图介绍了其管理模式：im

前三章陆续已经更新了Vue基本使用和VueRouter的基本使用，如果你读了前三篇文章的话，并且掌握差不多，那么你现在可以开发简单的应用了，例如Blog，电商网站........唯一不足的是，随着你的业务需求不断增加，页面中的状态数据也不断庞大，维护起来就特别困难了，Vue提供了一种状态管理解决办法Vuex，它的思想和React的R

TypeScript4.1快要发布了，老爷子AndersHejlsberg\1\加入了一项重大更新，「字符串模板类型」的支持。昨天看到这个更新的我特别兴奋，曾几何时，只要一遇到字符串拼接相关的类型，TypeScript就束手无策了，比如：Vuex中加了namespace以后，dispatch一个m