Vue2.0路由篇之路由跳转的一个小问题

Vue2.0路由篇之路由跳转的一个小问题

本文涉及到的知识点有Vue(v2.5.3)、vue-router(v3.0.1)、vuex(v3.0.1)
vue的基础知识请参考vue官方网站
关于路由的基础知识请参考vue-router官方网站
有关Vuex的基础知识请参考vuex官方网站

在看完一些vue教程、vue官方文档后，手痒痒想写点东西，于是就从最简单的登陆页面开始。结果遇到一个问题，困扰3天。今天终于按照最初设想搞定了，特意把其中的坑分享出来^^。

需求分析

1. 使用localhost:3000与localhost:3000/login打开网页的时候，都会显示登陆页面

2. 账号有两种：管理员、普通用户。使用管理员登陆时，url为 localhost:3000/admin；使用普通账号登陆时，url为 localhost:3000/user

实现过程

1. 这步很简单，在router中配置redirect参数即可。

export default [
    {
        path: "/",
        component: Login,
        children: [
            {
                path: "login",
                component: Login
            }
        ]
    }
]

实现效果如下图：

1. 新增两个组件：Admin、User。
   再在代码里配置两个账号，管理员：admin，密码：admin；普通用户：user，密码：1234。
   最后添加路由：

export default [
    {
        path: "/",
        component: Login,
        children: [
            {
                path: