勇者鬥 Vue 龍
基礎
GitHub (opens new window)
基礎
GitHub (opens new window)
  • 踏上旅程之前
  • 初探 Vue.js
  • Vue 實例
  • Vue 實體的生命週期
  • 模板語法 Part 1 - Mustache 標籤
  • 模板語法 Part 2 - Directives
  • 計算屬性
  • 監聽器( watch )
  • 計算屬性與監聽器的比較
  • Class 的綁定
  • 樣式綁定
  • 條件渲染
  • 列表渲染
  • 響應系統
  • 使用 set 新增實體中的屬性
  • 事件處理
  • v-on 的修飾符 Part 1 - 事件修飾符
  • v-on 的修飾符 Part 2 - 按鍵修飾符
  • 表單綁定
  • 組件基礎
  • 組件間的資料傳輸
  • 組件註冊
  • props 屬性
  • 屬性驗證
  • 屬性注意事項
  • 客製事件
  • 插槽
  • 動態組件
  • 非同步組件
  • 尋訪其他組件
  • 依賴注入
  • 事件監聽器
  • 模板定義
  • 父元件及子元件間的生命週期(Lifecycle)

# 2019 iT 邦幫忙鐵人賽

本系列為 2018/10/16 到 2018/11/14 於 2019 iT 邦幫忙鐵人賽 (opens new window) 中參賽的作品,希望此教學可以幫助初學 Vue.js 的新手。

🏆 榮獲 2019 iT 邦幫忙鐵人賽 Modern Web 組冠軍 (opens new window) 🏆

# 版本

Vue.js : 2.5.x

# 目錄

  1. 前言
  2. 初探 Vue.js
  3. Vue 實例
  4. Vue 實體的生命週期
  5. 模板語法 Part 1 - Mustache 標籤
  6. 模板語法 Part 2 - Directives
  7. 計算屬性
  8. 監聽器( watch )
  9. 計算屬性跟監聽器的比較
  10. Class 的綁定
  11. 樣式綁定
  12. 條件渲染
  13. 列表渲染
  14. 響應系統
  15. 使用 set 新增實體中的屬性
  16. 事件處理
  17. v-on 的修飾符 Part 1 - 事件修飾符
  18. v-on 的修飾符 Part 2 - 按鍵修飾符
  19. 表單綁定
  20. 組件基礎
  21. 組件間的資料傳輸
  22. 組件註冊
  23. props 屬性
  24. 屬性驗證
  25. 屬性注意事項
  26. 客製事件
  27. 插槽
  28. 動態組件
  29. 非同步組件
  30. 結尾
  31. 尋訪其他組件
  32. 依賴注入
  33. 動畫
  34. Mixins
  35. 客製 directives
  36. 渲染函式
  37. 插件
  38. Filters