Vue.js仿一个购买火车票的app

项目地址

预览的时候如果是用电脑预览的话请切换手机端
预览地址
源码地址（欢迎点赞 <(￣︶￣)>）

项目描述

主要技术

使用vue.js实现单页应用
使用vue Router处理路由
使用vuex实现数据存储
搜索历史使用localstorage存储
flexible实现手机端兼容

一波小提示

因为数据是我自己模拟的，存在easy mock里面，我只写了萍乡到南昌和上海到苏州的数据，体验的时候可以按照这个查询哦

页面功能

城市搜索，可以点击选择以及自己输入，并且把搜索历史保存在localstorage里面
日历组件，选择日期
对搜索的内容进行以出发时间，旅行耗时，所需票价进行不同情况的排序，
不同车次的筛选
购买车票，可以购买多张车票
显示购买的车票信息

来一波动态图展示

总结
虽然只是一个小的例子练习，但是一路踩坑过来，从中还是学到了很多东西，对vue vuex更加了解，逻辑思维也得到了了锻炼，只有在不断的练习中才能加固对知识的掌握，

Vue.js仿一个购买火车票的app相关推荐

使用 Vue.js 制作一个简单的调查问卷平台
使用 Vue.js 制作一个简单的调查问卷平台原文 https://github.com/pramper/Demos/tree/master/Vue-Demos/Questionnaire 主题 ...
用Vue.js开发一个电影App的前端界面
我们要构建一个什么样的App? 我们大多数人使用在线流媒体服务(如Netflix)观看我们最喜欢的电影或者节目.这篇文章将重点介绍如何通过使用vue.js 2 建立一个类似风格的电影流媒体WEB交互界 ...
计算机毕业设计Node.js+Vue安卓仿网易云音乐客户端APP(程序+源码+LW+部署)
该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程.欢迎交流项目运行环境配置: Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue ...
vue.js实现一个会动的简历(包含底部导航功能，编辑功能)
在网上看到一个这样的网站,STRML它的效果看着十分有趣,如下图所示: 这个网站是用react.js来写的,于是,我就想着用vue.js也来写一版,开始撸代码. 首先要分析打字的原理实现,假设我们定义 ...
vue.js仿微信聊天窗口展示组件
原链接:https://www.jianshu.com/p/0faf8e78d0a5 源码:https://github.com/doterlin/vue-wxChat 演示地址:https://do ...
使用vue.js构建一个知乎日报
Vue.js是我所喜爱的,知乎也是我喜爱的,突发奇想使用vue做了一个知乎日报项目地址: Github地址在线预览demo 设计: 1.设计上没有按照知乎日报客户端的交互及UI设计来做,本渣亲自捏 ...
用Vue.js开发一个网页时钟
本次实例的重点是父子通信,这也是学习Vue.js的重点部分和难点部分,能掌握好父子通信是对后期的Vue学习是一个很大的帮助,而且如果不跨过这个难点部分,是无法进行后期的学习的. 父子通信很好用,但是很 ...
vue.js实现一个计算器
git:https://git.oschina.net/jjtHappy/js_caculator.git 为了学习vue.js,把一个基于js实现的计算器转换为vue.js单页应用模式. 此次实操旨 ...
Vue.js仿QQ音乐（移动端）
项目地址用电脑在线预览记得切换成手机端哟在线预览(￣3￣) 源码地址项目描述主要技术使用Vue.js实现单页应用使用Vue Router处理路由请求使用Vuex实现数据存储,管理组件间的 ...
Vue.js 入门：去哪儿网APP案例学习记录
推荐博客 Vue 2.5 开发去哪儿旅游网站项目记录项目源码 : https://gitee.com/doublesgzl/Travel 第六章项目实战 6-1 环境配置 (建议看下视频) 6 ...

Vue.js仿一个购买火车票的app

项目地址

项目描述

Vue.js仿一个购买火车票的app相关推荐

最新文章

热门文章