在Vue构建的单页面应用（SPA）中，路由模块一般使用vue-router。vue-router不保存被切换组件的状态，它进行push或者replace时，旧组件会被销毁，而新组件会被新建，走一遍完整的生命周期。 但有时候，我们有一些需求，比如跳转到详情页面时，需要保持列表页的…

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

在移动端中，页面跳转之间的缓存是必备的一个需求。 例如：首页=>列表页=>详情页。 从首页进入列表页，列表页需要刷新，而从详情页返回列表页，列表页则需要保持页面缓存。 对于首页，一般我们都会让其一直保持缓存的状态。 对于详情页，不管从哪个入口进入，都会让其重新刷新。 说到页面缓…

热更新（hmr）全称 Hot Module Reload，常常在构建工具里面出现。 在我们开发时候修改代码后页面会立即自动更新。这是怎么做到了的呢？ 现在我们通过一行一行代码来，构建一个最简单的热更新。 1. 监听文件变动 2. 读取文件内容 3. 通知浏览器更新页面 接下来选…

一些特殊的场景（如没有父子关系），那么Vue自带的通信事件解决不了。需要用到事件总线：、 后面再一次依次去触发的时候会出现，每一次都会发现好像之前的on事件分发都没有被撤销一样，导致每一次的事件触发执行越来越多。 如下 但是又多了俩个生命周期函数activated、deacti…

封面图：黄梦莹前言本文为转载外加意译，并重新排版。原文地址：HowtoavoidSOLIDprinciplesviolationsinVue.JSapplication原文作者：ManuUstenko

这里就略过一下api吧.毕竟这个东西用vue的基本使用到这个东西.大家都很熟. Action 提交的是 mutation，而不是直接变更状态。 Action 可以包含任意异步操作。

通过递归的方式去过滤去用户的路由权限，通过router.addRoutes()动态添加所有符合权限的路由，当然这种方式需要依赖后端。对于不同角色的用户，是由后端将路由列表告诉给前端注册 拦截器拦截接口返回结果，比如401没有登录权限。

最近要求使用vue进行前后端分离开发微信公众号，不断摸索踩坑之后，总结出如下几点vue项目开发中常见的问题及解决办法。如果你是vue大佬，请忽略小弟的愚见^V^ 列表进入详情页的传参问题。 列表进入详情页的传参问题。 c页面的路径为http://localhost:8080/#…