vue 项目级别工程搭建—路由（二）

components下复制HelloWorld.vue

修改

  <div class="hello">
    <h1>{{ msg }}</h1>
    <h2>Essential Links</h2>

为

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <h2>Hello2</h2>
    <ul>

修改

H:\vue\vue_webback\src\router\index.js

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import HelloWorld2 from '@/components/HelloWorld2'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    } ,
    {
      path: '/HelloWorld2',
      name: 'HelloWorld',
      component: HelloWorld2
    }
  ]
})

访问

http://localhost:8080/#/helloworld2

即可查看效果