vue vue-router 路由管理器

路由管理器--存在的意义

vue 单页面应用，需要路由系统，so~

// install
npm install vue-router


// main.js 注入
import Vue from 'vue'

import router from '@/router' // 路由入口文件

new Vue({ 
    router,
    render: h => h(App)
}).$mount('#app')


// router.js
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

import routes from './routes'


new Router({
    base: '',        => 基路径，默认'/'
    mode: 'hash',    => hash支持所有浏览器; history支持history api; abstract支持所有js运行环境，包括node环境，如果没有浏览器api，会强制进入这个模式
    routes           => 接收[]，    {path,name,component,redirect,children,meta,beforeEnter(to, from, next)}
})

上面是新鲜的路由面貌，调用一条龙配置。

 

补充：
1.mode：hash history的区别