为什么要写这篇文章呢？因为很多新手对vuex都懵懵懂懂，不是很了解vue到底是怎么用的；一方面是想从最简单最基础的地方带大家使用一下vuex，另一方面也是想让自己复习一下vuex。

从 详情页 -->返回 列表页 的时候页面的状态是缓存，不用重新请求数据，提升用户体验。 从 列表页 -->返回 主页 的时候页面，注销掉列表页，以在进入不同的列表页的时候，获取最新的数据。 今天 让我们来实现这个需求。 在 代码的世界里 解决问题的 方法 从来都不止一种。 可…

起因是因为我们团队内部在进行发布系统迁移的时候，遇到了个路由相关的基础问题。当时隐约知道是为什么，但是对于路由 因为我们平时过于熟悉，以至于忘了其很多基础特性，并没有第一时间快速的排查问题。对此深感惭愧。 于是就找个时间补一补路由相关的基础知识，并且查看了下 vue-route…

(字母全小写且必须包含一个连字符)，避免和当前以及未来的 HTML 元素相冲突。 在非字符串模板中，如果prop是用小驼峰方式命名，在模板中要使用其等价的链式方式命名。 在字符串模板中就不要这么处理了。 因为HTML(非字符串模板)中的特性名是大小写不敏感的，所以浏览器会把所有…

近来做了一个政府的项目，在过安全测试时，有个很严重的安全BUG。BUG的描述如下： 可以通过地址栏输入地址访问登录用户的菜单权限以外的页面。 可以通过修改浏览器 Local Storage 中缓存的功能权限来展示非登录用户拥有的功能权限。 当然这些安全问题在后端做权限拦截是最好…

我们修改 state，然后刷新浏览器，状态又变化原来的了，因为 state 是存在内存中的，为了点击刷新，状态不回到原来的，就需要 Vuex 提供的插件功能，当然插件还能实现其他复杂的功能。 Vuex 的 store 接受 plugins 选项，这个选项暴露出每次 mutati…

上篇文章中说了 state 和 getters，本篇文章就来说说 mutations 和 actions。 提交 mutations 是改变 state 的唯一方式，不能用异步操作。actions 通过分发 action 来提交 mutation，可包含异步操作，比如 xhr …

父子组件之间往往使用props和 $emit 实现数据共享，任意组件可通过bus（一个vue实例）作为桥梁，实现数据共享。当项目中组件越来越多时，组件之间的数据共享变得复杂，难以维护。使用 Vuex 可集中管理组件之间的数据（状态），使组件之间的数据共享变得简单。 父→（pro…

vue 使用 vue-router 插件处理路由，路由是开发单页应用必须掌握的知识。 （1）vue-router 是 Vue 官方提供前端路由插件，借助它我们实现可以基于路由和组件的单页面应用。 传统的页面应用采用的是后端路由，即通过超链接来实现页面切换和跳转的。 而在 vue…