其它前端主流框架能夠作的事,Vue.js幾乎均可以作,前端
nuxt框架:能夠實現vue的服務器端渲染,vue
weex:使用vue語法編寫原生app。ios
基礎內容
- 基礎語法
- MVVM設計模式
- 前端組件化
- vue實例生命週期函數
- 動畫特效
去哪兒網項目實戰
- 環境搭建
- 使用Git
- 本地模擬後端接口進行本地代碼開發
- vue項目如何實現先後端的代碼聯調
- 如何完成對vue項目的真機測試
- vue項目的完整上線流程
項目實現的功能:
- 根據不一樣城市選擇不一樣景點;
- 首頁上實現了多區域輪播的功能;
- 多區域列表的循環展現;
- 在城市選擇頁面,實現了城市的展現,城市的搜索,城市右側字母與左側區塊動畫聯動的效果;
- 景點詳情頁面,公用的畫廊組件,漸隱漸現的header組件,遞歸展現的列表組件,
- 使用Axios進行Ajax數據的獲取,
- 使用vue-router作多頁面之間的路由,
- 使用vuex作各個組件數據之間的共享,
- 使用異步組件讓代碼項目上線性能更優,
- 使用stylus編寫前端的樣式,
- 應用遞歸組件實現 組件自身本身調用本身的效果,
- 使用各類插件,好比swiper插件來實現頁面上的輪播效果,
- 進行公用組件的拆分。
作完項目的收穫:
- 完全入門vue的使用;
- 理解整個vue項目的開發流程;
- 移動端頁面佈局技巧;
- 上手中大型vue項目的開發;
- 規範的代碼編寫。