去哪儿的 源码 个人解析（2） router

 

1.引进路由

import Vue from 'vue'

　　

 

2.使用路由

Vue.use(Router)

　　

 

3.路由注册

export default new Router({
  routes: [{
    path: '/',
    name: 'Home',
    component: Home
  }, {
    path: '/city',
    name: 'City',
    component: City
  }, {
    path: '/detail/:id',
    name: 'Detail',
    component: Detail
  }],
  scrollBehavior (to, from, savedPosition) {
    return { x: 0, y: 0 }
  }
})

　　

 

4.路由跳转

 <router-link to="/">
        <div class="iconfont header-fixed-back"></div>
      </router-link>