基于 Vue 的去哪儿网

简介

• 基于 Vue2.5，采用 vue-router 路由，Vuex 实现数据共享，构建完整的 Vue 项目
• 采用 vue-cli 初始化项目，使用 Vue-Awesome-Swiper 构建首页轮播图
• 样式采用 stylus，开发灵活、简洁的 CSS 样式
• 城市选择页面采用父子组件之间传值、better-scroll、vuex 实现和首页数据共享
• 详情页面采用画廊组件，采用 vue 动画实现渐隐渐显效果
• 使用 keep-alive 优化网页性能，使页面响应速度更快

依赖

• node.js
• Vue
• vue-awesome-swiper
• better-scroll

如何运行

• 打开终端 cmd，进入当前目录 输入

npm run dev

• 运行此项目

页面展示

功能演示

• 首页

• 城市选择页

• 详情页