Vue中路由管理router

        router的基本作用：

        重置路由地址，拦截路由(全局、局部)

        缺点(个人为) ： 有/#不美观

        

        使用方法：

        安装vue-router

        npm i -S vue-router

        

        

import Vue from 'vue'
import Router from 'vue-router'
// 因为要实现拦截所以引入的store组件获取token，store使用方法见上一篇博客
import store from '../store'

Vue.use(Router)

import Login from '../view/login'
import Home from '../view/home'
import List from '../view/list'
import NotFound from '../view/common/NotFound'

const routes = [
    // 一般给予登陆页重定向路由为/， redirect意义为重定向
    { path: '/', redirect: '/login' },
    // 路由除了地址和绑定页面，还可以传参，但是这个参数不能修改
    // 这里用meta来实现全局拦截，只能从带有meta参数的页面才能进入该系统
    { path: '/login', component: Login, meta: { required: true } },
    { path: '/home'