一个vue重新回顾，好多年前写的

本文主要是介绍一个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}}
})

这篇关于一个vue重新回顾，好多年前写的的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---