Vue.js - 基礎介紹教學

今年的 iT邦幫忙鐵人賽中剛好就有位鐵人利用了 30 天的時間,天天一篇文章從頭到尾來介紹 vue.js 的基礎教學,這真的是太佛心來了,在此記錄一下也方便以後有需要的時候可以直接取得相關的訊息.

  1. vue & vuex 01 - Vue Introduction & 鐵人賽說明
  2. vue & vuex 02 - 使用 Vue-cli 安裝 vue 和 webpack 環境與相關套件
  3. vue & vuex 03 - Hello World & 雙向綁定
  4. vue & vuex 04 - 使用 vue-router 建構 Single Page Application
  5. vue & vuex 05 - 攝氏轉換華氏工具 - I (computed)
  6. vue & vuex 06 - 攝氏轉換華氏工具 - II (v-if, v-show, methods)
  7. vue & vuex 07 - component - I (元件拆解,合併,靜態資料引用)
  8. vue & vuex 08 - component - II (v-for 小幫手解決重複元件)
  9. vue & vuex 09 - component - III (slot 在元件上鑽洞)
  10. vue & vuex 10 - 什麼是 vuex?
  11. vue & vuex 11 - 計數器 - I (vuex 職權與流程說明)
  12. vue & vuex 12 - 計數器 - II (action, mutation 傳遞資料)
  13. vue & vuex 13 - 經典 todo list - I (create, read)
  14. vue & vuex 14 - 經典 todo list - II (改變狀態與 delete)
  15. vue & vuex 15 - 經典 todo list - III (update)
  16. vue & vuex 16 - 自訂按鈕 custom checkbox ($emit, $on)
  17. vue & vuex 17 - 覺得 store 有點亂,動手拆成 modules 吧!
  18. vue & vuex 18 - 開發小技巧
  19. vue & vuex 19 - Shopping cart - I (v-bind, :class, 數據驅動)
  20. vue & vuex 20 - Shopping cart - II (購物車,推薦商品加購)
  21. vue & vuex 21 - Open Data - I (元件的生命週期、透過 ajax 取得資料)
  22. vue & vuex 22 - Open Data - II (高雄市 opendata、加上過場 loading 效果)
  23. vue & vuex 23 - Open Data - III (搜尋條件、select option、v-else、watch)
  24. vue & vuex 24 - Login - I (action Promise、rouetr change)
  25. vue & vuex 25 - Login - II (router auth、rouetr beforeEach)
  26. vue & vuex 26 - 使用 SASS 管理 CSS - webpack sass-loader
  27. vue & vuex 27 - 進階路由顯示 - multiples views、nested routes
  28. vue & vuex 28 - custom Directive (toggle password)
  29. vue & vuex 29 - custom Filter (currency、Letter Grade、GPA、lowercase)
  30. vue & vuex 30 - 網站系統國際化 - 多語系(i18n)與持續學習相關資源

留言

這個網誌中的熱門文章

WPF - 深入 Style

C# – M$ Chart Control 自定 ToolTip 的顯示