npm install vue-router 

import Vue from 'vue' 
import VueRouter from 'vue-router' 
Vue.use(VueRouter) 

<template> 
  <div class="footer"> 
    <div class="readType" v-if="readType.count">{{readType.count}}</div> 
    <ul class="main-nav"> 
      <li> 
        <router-link to="/home"> 
          <i class="icon-nav icon-nav1"></i><span>首頁</span> 
        </router-link> 
      </li> 
      <li> 
        <router-link to="/quan" v-bind:class="{rrouter:activ}"> 
          <i class="icon-nav icon-nav2"></i><span>學(xué)友圈</span> 
        </router-link> 
      </li> 
      <li> 
        <router-link to="/friend"> 
          <i class="icon-nav icon-nav3"></i><span>學(xué)友</span> 
        </router-link> 
      </li> 
      <li> 
        <router-link to="/find"> 
          <i class="icon-nav icon-nav4"></i><span>發(fā)現(xiàn)</span> 
        </router-link> 
      </li> 
      <li> 
        <router-link to="/mine"> 
          <i class="icon-nav icon-nav5"></i><span>我的</span> 
        </router-link> 
      </li> 
    </ul> 
  </div> 
</template> 

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

// 0. 如果使用模塊化機(jī)制編程，進(jìn)入Vue和VueRouter，要調(diào)用 Vue.use(VueRouter) 
import Vue from 'vue' 
import VueRouter from 'vue-router' 
Vue.use(VueRouter) 
// 1. 定義（路由）組件。 
// 可以從其他文件 import 進(jìn)來，我們一般都是建好了組件再來寫路由的 
// 所以就會(huì)有好多這樣的語句。 
import home form "./components/home" 
import login form "./components/login" 
// 2. 定義路由 
 routes: [ //這里跟1.x有挺大區(qū)別，有接觸的自己看清楚哦 
  { 
   path: '/',  //瀏覽器網(wǎng)路請求走通之后默認(rèn)就會(huì)去找域名下的根目錄， 
   name: 'home', //所以我們就把這個(gè)組件作為默認(rèn)首頁 
   component: home 
  }, 
  { 
   path: '/login', 
   name: 'login', 
   component: login 
  } 
  ] 
// 3. 創(chuàng)建 router 實(shí)例，然后傳 `routes` 配置 
// 你還可以傳別的配置參數(shù), 不過先這么簡單著吧。 
const router = new VueRouter({   //你就當(dāng)const是var 
 routes 
//（縮寫）相當(dāng)于 routes: routes 
}) 
// 4. 創(chuàng)建和掛載根實(shí)例。 
// 記得要通過 router 配置參數(shù)注入路由， 
// 從而讓整個(gè)應(yīng)用都有路由功能 
const app = new Vue({ 
 router 
}).$mount('#app') 
// 現(xiàn)在，應(yīng)用已經(jīng)啟動(dòng)了！