一个vue重新回顾，好多年前写的
在校期间简单跟着视频学习的代码，后面上传到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
}
}
})