Skip to content

GoldL/traval

Repository files navigation

travel(基于Vue.js的仿去哪儿webApp)


概述

项目是基于Vue.js,成品是一个仿去哪儿webApp,来源于imooc的实战课程《Vue2.5开发去哪儿网App从零基础入门到实战项目》,自己动手实践并加以拓展,仅供自己学习使用。 项目的大致流程是Vue-cli构建开发环境,分析需求,设计构思,规划目录结构,开始编程。

技术栈

  • Vue
  • Vue-Router
  • axios
  • Vuex
  • stylus

视图层

  • 首页
  • 城市选择页面
  • 详情页面

知识点

  • 组件开发并实现兄弟组件间的传值
  • 使用keep-alive优化路由页面性能
  • Vuex实现数据共享
  • 渐隐渐显的header效果实现
  • 递归组件复用
  • 动画效果实现
  • 城市选择组件

笔记

项目里note.md

效果

构建

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

总结

项目难度2星,主要是对基础知识的掌握。共勉~

About

travel(基于Vue.js的仿去哪儿webApp)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors