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

项目地址

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

• 预览地址

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

项目描述

主要技术

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

• 使用vue Router处理路由

• 使用vuex实现数据存储

• 搜索历史使用localstorage存储

• flexible实现手机端兼容

一波小提示

• 由于数据是我本身模拟的，存在easy mock里面，我只写了萍乡到南昌和上海到苏州的数据，体验的时候能够按照这个查询哦

页面功能

• 城市搜索，能够点击选择以及本身输入，而且把搜索历史保存在localstorage里面

• 日历组件，选择日期

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

• 不一样车次的筛选

• 购买车票，能够购买多张车票

• 显示购买的车票信息

来一波动态图展现

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