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

项目地址

• 预览的时候如果是用电脑预览的话请切换手机端

• 预览地址

• 源码地址（欢迎点赞 <(￣︶￣)>）

项目描述

主要技术

• 使用vue.js实现单页应用

• 使用vue Router处理路由

• 使用vuex实现数据存储

• 搜索历史使用localstorage存储

• flexible实现手机端兼容

一波小提示

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

页面功能

• 城市搜索，可以点击选择以及自己输入，并且把搜索历史保存在localstorage里面

• 日历组件，选择日期

• 对搜索的内容进行以出发时间，旅行耗时，所需票价进行不同情况的排序，

• 不同车次的筛选

• 购买车票，可以购买多张车票

• 显示购买的车票信息

来一波动态图展示

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