vue init webpack myapp? Install vue-router? Yes
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yescd myapp
npm install
npm run dev

<template><div id="app"><h1>{{ msg }}</h1><router-view></router-view></div>
</template><script>
export default {name: 'app',data () {return {msg: '我是一个banner'}}
}
</script>

import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello'
import Game from '@/components/Game'//新增Game组件Vue.use(Router)export default new Router({routes: [{path: '/',name: 'Hello',component: Hello},{path: '/game',//新增game路由name: 'Game',component: Game}]
})

<template><div class="hello"><h2>{{ msg }}</h2><ul><li><a href="#/game">我是一个链接</a></li></ul></div>
</template><script>
export default {name: 'hello',data () {return {msg: '我是hello模块'}}
}
</script>

<template><div class="game"><h2>{{ msg }}</h2><ul><li><a href="#/">返回</a></li></ul></div>
</template><script>
export default {name: 'game',data () {return {msg: '我是game模块'}}
}
</script>

// 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'
import router from './router'Vue.config.productionTip = false/* eslint-disable no-new */
new Vue({el: '#app',router,template: '<App/>',components: { App }
})