vue-router的安装理解

（1）vue-router官方介绍跟采用vue-cli安装有一点点不同，主要体现在采用vue-cli的方式对项目的模块进行了划分，这样可以更好的维护。

（2）二者一开始都都需要全局安装，只不过采用vue-cli会帮我们自动全局安装，如下：

vue install vue-router --save

（3）在src目录下新建了router文件夹，里面新建1个index.js文件，里面的内容如下：

import Vue from 'vue'
import Router from 'vue-router' //1
import HelloWorld from '@/components/HelloWorld'

Vue.use(Router) //2

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    }
  ]
})

（3）然后在main.js中引用上述的index.js文件，如下：

 1 import Vue from 'vue'
 2 import App from './App'
 3 import router from './router' //1
 4 
 5 Vue.config.productionTip = false
 6 
 7 new Vue({
 8   el: '#app',
 9   router, //2
10   components: { App },
11   template: '<App/>'
12 })

　　这样就可以正确的使用vue-router了。