Vue.js仿一個購買火車票的app

項目地址

• 預覽的時候若是是用電腦預覽的話請切換手機端

• 預覽地址

• 源碼地址（歡迎點贊 <(￣︶￣)>）

項目描述

主要技術

• 使用vue.js實現單頁應用

• 使用vue Router處理路由

• 使用vuex實現數據存儲

• 搜索歷史使用localstorage存儲

• flexible實現手機端兼容

一波小提示

• 由於數據是我本身模擬的，存在easy mock裏面，我只寫了萍鄉到南昌和上海到蘇州的數據，體驗的時候能夠按照這個查詢哦

頁面功能

• 城市搜索，能夠點擊選擇以及本身輸入，而且把搜索歷史保存在localstorage裏面

• 日曆組件，選擇日期

• 對搜索的內容進行以出發時間，旅行耗時，所需票價進行不一樣狀況的排序，

• 不一樣車次的篩選

• 購買車票，能夠購買多張車票

• 顯示購買的車票信息

來一波動態圖展現

總結雖然只是一個小的例子練習，可是一路踩坑過來，從中仍是學到了不少東西，對vue vuex更加了解，邏輯思惟也獲得了了鍛鍊，只有在不斷的練習中才能加固對知識的掌握，