Vue.js仿一个购买火车票的app
项目地址
-
预览的时候如果是用电脑预览的话请切换手机端
项目描述
主要技术
-
使用vue.js实现单页应用 使用vue Router处理路由 使用vuex实现数据存储 搜索历史使用localstorage存储 flexible实现手机端兼容
一波小提示
-
因为数据是我自己模拟的，存在easy mock里面，我只写了萍乡到南昌和上海到苏州的数据，体验的时候可以按照这个查询哦
页面功能
-
城市搜索，可以点击选择以及自己输入，并且把搜索历史保存在localstorage里面 日历组件，选择日期 对搜索的内容进行以出发时间，旅行耗时，所需票价进行不同情况的排序， 不同车次的筛选 购买车票，可以购买多张车票 显示购买的车票信息
来一波动态图展示
总结 虽然只是一个小的例子练习，但是一路踩坑过来，从中还是学到了很多东西，对vue vuex更加了解，逻辑思维也得到了了锻炼，只有在不断的练习中才能加固对知识的掌握，
项目地址 预览的时候如果是用电脑预览的话请切换手机端 项目描述 主要技术 使用vue.js实现单页应用 使用vue Router处理路由 使用vuex实现数据存储 搜索历史使用localstorage存储 flexible实现手机端兼容 一波小提示 因为数据是我自己模拟的，存在easy mock里面，我只写了萍乡到南昌和上海到苏州的数据，体验的时候可以按照这个查询哦 页面功能 城市搜索，可以点击选择以及自己输入，并且把搜索历史保存在localstorage里面 日历组件，选择日期 对搜索的内容进行以出发时间，旅行耗时，所需票价进行不同情况的排序， 不同车次的筛选 购买车票，可以购买多张车票 显示购买的车票信息 来一波动态图展示 总结 虽然只是一个小的例子练习，但是一路踩坑过来，从中还是学到了很多东西，对vue vuex更加了解，逻辑思维也得到了了锻炼，只有在不断的练习中才能加固对知识的掌握，
上一篇：
IDEA上Java项目控制台中文乱码