作者簡介

Nat

　　在資訊領域深耕多年、喜歡學習新事物的資訊人。曾參與學界科專計畫與大學教授共同研發知識管理平台，目前專注於資訊網路相關前後端技術，同時也是TibaMe「Let’s Vue! 前端開發入門到實戰」課程講師。

• chapter 01 Web 應用程式與 Vue.js 生命週期(第1-1頁)
  • 1-1 Web 應用程式開發(第1-1頁)
  • 1-2 程式架構模式(第1-5頁)
  • 1-3 Vue.js 特性及基礎使用(第1-11頁)
  • 1-4 Vue.js 生命週期(第1-21頁)
• chapter 02 資料登錄及顯示(第2-1頁)
  • 2-1 資料模型及文字顯示(第2-1頁)
  • 2-2 HTML Element 屬性資料綁定 – v-bind(第2-8頁)
  • 2-3 列表資料綁定 – v-for(第2-16頁)
  • 2-4 顯示與隱藏控制 – v-show(第2-25頁)
  • 2-5 條件判斷 – v-if / v-else-if / v-else(第2-30頁)
  • 2-6 $el 與 $refs(第2-34頁)
• chapter 03 表單輸入及事件處理(第3-1頁)
  • 3-1 更新響應式資料(第3-2頁)
  • 3-2 資料雙向綁定 – v-model(第3-5頁)
  • 3-3 事件處理 – v-on(第3-13頁)
  • 3-4 事件處理修飾子(第3-25頁)
• chapter 04 資料客製化及監聽(第4-1頁)
  • 4-1 自定義組合變數 – computed(第4-2頁)
  • 4-2 資料監聽變化及自動處理 – watch(第4-13頁)
  • 4-3 字串過濾處理 – filter(第4-25頁)
  • 4-4 異步更新 DOM – nextTick(第4-33頁)
• chapter 05 元件製作(第5-1頁)
  • 5-1 元件的基礎概念(第5-1頁)
  • 5-2 元件的基礎操作(第5-5頁)
  • 5-3 單一檔案元件（Single File Component）(第5-10頁)
  • 5-4 元件的屬性定義 – props(第5-15頁)
  • 5-5 元件事件的傳遞 – $emit(第5-24頁)
  • 5-6 子元件的參照 – $refs(第5-29頁)
  • 5-7 元件資料雙向綁定(第5-36頁)
  • 5-8 動態元件載入 – < component > 標籤(第5-57頁)
  • 5-9 元件的客製化區域 – slot(第5-62頁)
chapter 06 單頁式應用程式（SPA）(第6-1頁)
• 6-1 Vue.js SPA 架構(第6-1頁)
• 6-2 Vue CLI 與 Webpack(第6-4頁)
• 6-3 Babel 與 ES6 常用語法(第6-17頁)
• 6-4 Vue.js 源碼程式(第6-32頁)
• 6-5 Vue.js 自定義插件（Plug-in）(第6-36頁)
chapter 07 AJAX 與 WebAPI 串接(第7-1頁)
• 7-1 AJAX 與 Restful API 簡介(第7-1頁)
• 7-2 JavaScript 非同步處理(第7-9頁)
• 7-3 模擬 API 回應資料 – mock.js(第7-17頁)
• 7-4 HTTP 請求套件 – axios(第7-24頁)
• 7-5 應用實例 – Chat GPT API 串接(第7-29頁)
chapter 08 Vuex 狀態管理(第8-1頁)
• 8-1 Vuex 特性與概念(第8-1頁)
• 8-2 Vuex 資料流及狀態機定義(第8-6頁)
• 8-3 元件內使用 Vuex(第8-17頁)
• 8-4 Vuex 程式拆分與模組化(第8-36頁)
chapter 09 Vue Router 路由管理(第9-1頁)
• 9-1 VueRouter 簡介(第9-1頁)
• 9-2 路由定義與頁面渲染、轉頁(第9-9頁)
• 9-3 路由參數傳遞(第9-21頁)
• 9-4 路由導航與勾子方法(第9-26頁)
chapter 10 多語系網站(第10-1頁)
• 10-1 多語系網站 i18n(第10-1頁)
• 10-2 vue-i18n 使用方法(第10-6頁)
appendix A 開發環境環境建置(第A-1頁)
• A-1 Vue.js 開發環境需求(第A-1頁)
• A-2 Vue.js 輔助工具安裝(第A-2頁)
• A-3 文字編輯器安裝(第A-19頁)
• A-4 JavaScript 套件管理工具安裝(第A-33頁)
appendix B JavaScript 套件管理(第B-1頁)
• B-1 套件管理設定 – package.json(第B-1頁)
• B-2 套件管理工具 – NPM(第B-7頁)
• B-3 套件管理工具 – Yarn(第B-13頁)