vue-router 路由

vue-router 路由配置

对于单页应用，官方提供了vue-router进行路由跳转的处理，通过npm安装包进行安装。

npm install vue-router --save-dev

基本用法

以连接的形式进行跳转

<router-link to="/login">登录</router-link>

建立一个路由器模块，主要进行配置和绑定相关信息

import Vue from 'vue'
import Router from 'vue-router'
import index from './app'
import home from './home'

Vue.use(Router);

export default new Router({
    routes: [
        {
            path:'/',
            component: app,
            children:[//子模块
            {
                path: '/home',
                component: home
            }]
        }
    ]
})

路由对象，即$router会被注入每个组件中，可以利用它进行一些信息的获取。如