源代碼，在課程的問答區(qū)還有評(píng)論區(qū)已經(jīng)回復(fù)過多次了。

自己可以借助vue devtools時(shí)遷調(diào)試一下~~~哦。

import?Vue?from?'vue'
import?VueRouter?from?'vue-router'
import?Login?from?"../views/Login";
import?Home?from?"../views/Home";
import?Add?from?"../views/Add";

Vue.use(VueRouter)

const?routes?=?[
????{
????????path:?'/',
????????name:?'login',
????????component:?Login
????},?{
????????path:?'/home',
????????name:?'home',
????????component:?Home,
????????children:?[
????????????{
????????????????path:?'list',
????????????????name:?'list',
????????????????component:?()?=>?import(/*?webpackChunkName:?"about"?*/?'../views/List.vue')
????????????},?{
????????????????path:?'user',
????????????????name:?'user',
????????????????component:?()?=>?import(/*?webpackChunkName:?"user"?*/?'../views/User.vue')
????????????}
????????]
????},?{
????????path:?'/add',
????????name:?'add',
????????component:?Add
????}
????//?{
????//???path:?'/about',
????//???name:?'About',
????//???//?route?level?code-splitting
????//???//?this?generates?a?separate?chunk?(about.[hash].js)?for?this?route
????//???//?which?is?lazy-loaded?when?the?route?is?visited.
????//component:?()?=>?import(/*?webpackChunkName:?"list"?*/?'../views/About.vue')
????//?}
]

const?router?=?new?VueRouter({
????mode:?'history',
????base:?process.env.BASE_URL,
????routes
})

export?default?router