怎样使用vue,vue-router,vuex及addRoutes进行权限控制
1、默认重定向的路由没有权限时，应寻找 children 中有权限的一项重定向(例：用户路由重定向到用户列表路由，若用户列表没有权限，则应该重定向到用户组路由) 当用户直接输入没有权限的 url 时需要跳转到没有权限的页面或其他操作。
2、后端 案会把所有 路由信息存在数据库中， 户登录的时候根据其 查询得到其能访问的所有 路由信息返回给前端，前端再通过 addRoutes 动态添加路由信息。
3、因为后台管理系统是准备使用vue+vue-router+element-ui+vuex的搭配来做的，可是单页应用在进入页面之前就已经将vue-router实例化并且注入vue实例中了，所以在进入登录页面的时候旧没办法在重新定制路由了。
4、好了，我们现在请求后台拿到了权限数据，并将数据存放到了vuex中，下面我们需要利用返回数据匹配之前写的异步路由表，将匹配结果和静态路由表结合，开成最终的实际路由表。
5、这次给大家带来vue.js怎么做出登录控制功能，vue.js做出登录控制功能的注意事项有哪些，下面就是实战案例，一起来看一下。
在vue.js中如何调用vuex储存接口数据
1、https：//vuex.vuejs.org/zh-cn/getters.html向vuex中存数据。使用mutation，更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。
2、通过映射函数mapState、mapGetters、mapActions、mapMutations，可以将vuex.store中的属性映射到vue实例身上，这样在vue实例中就能访问vuex.store中的属性了，便于操作vuex.store。
3、搭建完成后的文件目录是这样子的 首先使用npm install --save-dev vuex 把vuex添加到依赖，接下来就是如何在组件中使用vuex，大体上来说有以下两种形式。
4、首先， Vue 组件如果调用某个 VueX 的方法过程中需要向后端请求时或者说出现异步操作时，需要 dispatch VueX中 actions 的方法，以保证数据的同步。
5、Vuex的用法：新建vue项目testApp ==》 在testApp中建store文件 ==》 store文件下又有modules文件夹和getter.js 和 index.js ==》 store文件下建user.js。在项目的main.js中引入 import store from ./store。
6、我们可以在官网 (vuex) 上直接下载 vuex 。
React-Redux与Vuex使用对比
1、Vuex的mutation是直接改变的原始数据，而Redux的reducer是返回一个全新的state，所以Redux结合immutable来优化性能，Vue不需要。
2、一直是Redux的死忠党，但使用过Vuex后，感叹于Vuex上手之快，于是萌生了写一个能在React里使用的类Vuex库，暂时取名 Ruex 。
3、 redux 就相当于 vuex ，就是数据状态管理模式，当我们要做的项目中有很多组件需要共享数据时，这时候就可以用 redux 搭建。
4、使用@xunlei/vuex-connector@xunlei/vuex-connector 借鉴了 react redux 的 connect 方法，在 vuex 基础上进行的开发。
5、我们在工作中肯定会调用接口异步获取数据的，这样的话只靠react-redux是无法满足我们的需求的，而redux-saga就是来解决这个问题的。