vue-router的安装及注册实例化

安装：

$ npm install vue-router --save

--save参数的作用是在我们的包配置文件package.json文件中添加对应的配置。安装成功后， 可以查看package.json文件，会发现多了"vue-router": "^3.0.1"的配置。

使用：

　初始化vue-router,打开index.js　

import Router from 'vue-router'
//注册：
Vue.use(Router)
//实例化
export default new Router({
  routes: [
    {
      path: '/recommend',
      component: Recommend
    } 
     ]
})

引入到vue实例，main.js文件：

import router from './router'
//传入：
new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

App.vue

<template>
  <div id="app">
    <router-view></router-view><!--渲染-->
  </div>
</template>