在校期间简单跟着视频学习的代码，后面上传到github仓库就一直没有使用了，今天重新加载，重新启动。下面是启动时候遇到的问题，主要原因是我这部电脑是新电脑，很多环境还没有搭建。


成功启动后的页面效果

这里采用的思维是双向数据绑定，MVVM.附上一段目录结构。

APP.vue
下面展示一些 内联代码片。

<template>
  <div id="app">
		<keep-alive exclude="Detail">
			<router-view></router-view>
		</keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

下面展示一些 内联代码片。

<style>
</style>

index.js
下面展示一些 内联代码片。

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/pages/home/Home'
import City from '@/pages/city/City'
import Detail from '@/pages/detail/Detail'

Vue.use(Router)

export default new Router({
	routes: [{
		path: '/',
		name: 'Home',
		component: Home
	}, {
		path: '/city',
		name: 'City',
		component: City
	}, {
		path: '/detail/:id',
		name: 'Detail',
		component: Detail
	}],
	scrollBehavior(to, from, savedPosition) {
		return {
			x: 0,
			y: 0
		}
	}
})