Vue学习笔记之 路由路径

import Vue from 'vue'
import Router from 'vue-router'
import footer from '../components/footer'
import header from '../views/header'
import Hello from '../components/Hello'
Vue.use(Router)

有关 @和 ../ 的区别大家可以去看看 webpwebpack配置篇

export default new Router({
  routes: [
    {
      path: '/',                  //  “/” 定义开始页面
      name: 'footer',
      component: footer
    },
    {
      path: '/header',            //跳转页面
      name: 'header',
      component: header
    },
    {
      path: '/Hello',
      name: 'Hello',
      component: Hello
    },
  ]
})