本文共 1249 字，大约阅读时间需要 4 分钟。

Introduce.vue：

Employment.vue：

Consult.vue：

Header.vue：

Home.vue：

App.vue：

main.js：

// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.import Vue from 'vue'import App from './App'// 引入router路由import Router from 'vue-router'// 引入项目的四个模块组件import introduce from './components/introduce'import home from './components/home'import employment from './components/employment'import consult from './components/consult'// 使用routerVue.use(Router)// 定义路由var routes = [{  path: '/home',  component: home}, {  path: '/introduce',  component: introduce}, {  path: '/employment',  component: employment}, {  path: '/consult',  component: consult}]// 实例化路由var vueRouter = new Router({  routes})// 创建和挂载根实例new Vue({  el: '#app',  router: vueRouter,  template: '
   ',  components: { App }})

转载地址：http://uytq.baihongyu.com/