Vue-Router使用步骤

[navydong]

1. 下载及安装

   npm install vue-router

   如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能：

   
   import Vue from 'vue'
   import VueRouter from 'vue-router'

Vue.use(VueRouter)

如果使用全局的 script 标签，则无须如此 (手动安装)

2. 路由懒加载（异步组件）
    webpack 会把所有的页面都打包进js，造成js文件过大，其实有些页面是初始加载不需要的，在访问页面时在加载次页面文件比较好。    
 > 结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。  

异步组件
```js
const Foo = () => Promise.resolve({ /* 组件定义对象 */ })

weboack2+ 的动态import分格代码

// 返回Promise
import('./Foo.vue')  

[navydong]

Vue.use( VueRouter )的使用原因：载入标签及其他

VueRouter作为插件使用，调用 VueRouter.install 方法。 vue插件

• <router-view></router-view>
• <router-link></router-link>
• $router
• $route