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

    },

  ]

})