vue-router

1，安装

可以在脚手架创建项目时直接创建vue-router，
当时没创建的话，npm install vue-router -g也可以下载

2，配置路径

先引入，再挂载，在配置，配置是根据键值对来配置

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)
import login from '../components/content/login/LoginCenter';
import register from '../components/content/login/RegisterCenter';

export default new Router({
  routes: [
    {
      path: '/login',
      component: login
    },
    {
      path: '/register',
      component: register
    }
  ],
  mode: 'history'
})

3,router-link和router-view

router-link
to显示要去的组件，tag表示它最终要显示的元素，replace表示无法返回
点击后会添加router-link-active class，可以根据增来修改样式
router-view
加载组件的位置

注：router居然配置的是组件，不是页面，减小了浏览器压力。