Vue系列教程篇章

目標

本Vue系列的篇章將會從Vue.js的基礎知識點開始，逐步帶領寫到項目實戰。

總體篇章分爲基礎篇、項目篇。

基礎篇

1.  Vue框架介紹

2. Vue 使用 v-cloak 解決因爲網絡延遲致使的數據渲染顯示問題

3. Vue 模板渲染：插值表達式、v-text、v-html的基本使用

4. Vue v-bind綁定元素屬性的基本使用

5. Vue v-on綁定監聽事件的基本使用

6. Vue v-on 事件修飾符

7. Vue 使用 v-model 實現雙向數據綁定

8. Vue 使用v-model實現計算器示例

9. Vue v-for指令的使用方式以及使用key解決組件問題

10. Vue v-if 和 v-show 的使用和特色

11. Vue 調試工具vue-devtools的安裝步驟和使用

12. Vue 經常使用列表操做實例 - 增長列表數據

13. Vue 經常使用列表操做實例 - 刪除列表數據

14. Vue 經常使用列表操做實例 - 根據關鍵字實現數組的過濾

15. Vue 過濾器的基本使用 - 頭字母大小寫轉換、字符串拼接

16. Vue 過濾器 - 轉化時間格式

17. Vue 使用padStart補全轉化時間格式

18. Vue keycodes按鍵修飾符

19. Vue 自定義指令

20. Vue 生命週期函數

21. Vue 使用 vue-resource 發起get、post、jsonp請求的基本用法

22. Vue 使用 vue-resource 發起jsonp的基本原理

23. Vue 使用 vue-resource 發起get請求，獲取列表數據

24. Vue 使用 vue-resource 發起post請求，增長列表數據

25. Vue 使用 vue-resource 發起post請求，刪除列表數據

26. Vue 使用 vue-resource 配置全局API域名

27. Vue使用vue-resource全局配置emulateJSON選項

28. Vue 動畫 transition使用過渡類名實現動畫

29. Vue 使用第三方animate.css類庫實現動畫

30. Vue使用JavaScript 鉤子函數實現半場動畫

31. Vue使用transition-group實現列表動畫

32. Vue組件的定義以及建立方式

33. Vue組件的data使用

34. Vue組件切換 使用v-if、v-else結合flag進行切換

36. Vue組件切換-使用component元素實現組件切換

37. Vue組件切換動畫以及mode效果設置

38. Vue組件傳值-父組件向子組件傳值

39. Vue組件傳值-子組件經過事件調用向父組件傳值

40. Vue組件案例-評論列表

42. Vue使用ref獲取dom元素以及組件引用

45. Vue路由vue-router的基本使用

46. Vue路由傳參的基本使用

47. Vue使用children屬性實現路由嵌套

48. Vue路由-使用命名視圖實現經典佈局

49. Vue使用axios發送Ajax請求

項目篇

本文分享自微信公衆號 - DevOps社羣（DevOpsCommunity）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。