超上手的前端框架 - 好用 Vue.js 3 開發最主流的網站

★★★★★ JS專案工程化最佳範例 ★★★★★

☆☆☆☆☆ 正統TypeScript完整語法入手 ☆☆☆☆☆

★★★★★ Vue3框架所有元件詳細使用 ★★★★★

☆☆☆☆☆ 一本書就熟練最新前端技術 ☆☆☆☆☆

 

Vue.js 3 是一個相當熱門的前端框架，它的靈活性和高效性獲得了全球開發者的一致好評。本書主要針對Vue.js框架，涵蓋基礎知識、語言基礎、開發環境搭建等。內容分為12章，前八章以基礎概念及語法說明為主，介紹Vue.js概述、語言基礎、開發環境架設、資料綁定、指令、元件應用與進階、鷹架開發及路由應用等方面。後4章則是進階的概念，包括了第9章深入組件化應用實踐，講解組件創建、註冊、使用及通信方法。第10章闡述Vue.js表單處理，如雙向數據綁定、驗證等。第11章詳述Vuex狀態管理庫使用，包括基本概念、方法及應用案例。第12章則探討Vue.js實戰應用與優化，包括專案結構、代碼組織、性能優化等。本書旨在幫助讀者深入理解Web開發、前端框架，提高Vue.js開發技能。

 

【本書特點】

✪ 循序漸進地講解Vue框架的新特性及其各項功能用法，原理與實戰並重。

✪ 深入講解了Vue.js開發技術，提高Web前端開發效率。

✪ 詳細介紹TypeScript語言的使用，與Vue 3完美結合，幫助讀者輕鬆學會Vue。

✪ 對Vue的API深入剖析，同時結合大量案例進行講解，讓讀者快速上手。

✪ 講解商業項目開發的相關框架工具，如鷹架工程vue-cli開發、Vue,js 3的路由、使用UI框架Element Plus、網路請求框架Axios、狀態管理框架Vuex等。

 

【適合讀者】

本書適合各種程度的讀者，無論你是剛入門的新手，還是有經驗的開發者，都能從這本書中獲益良多，讓你的前端技能更上一層樓。

 

※ 本書程式實例可至深智官網下載：deepwisdom.com.tw

蔡冰

　　蔡冰，15年的程式設計教學、職業規劃經歷。已輔導近千位學生通過實習校招，順利入職各大互聯網公司的研發崗位，平日累積了大量當前流行的開發知識和技能。參與編寫了《Java 網絡編程實戰》書籍。

第1章　Vue.js 概述

1.1 HTTP 與HTML

1.2 Web 後端基礎技術

1.3 Web 部署技術

1.4 框架

1.5 Web 前端框架

1.6 前端主流框架

1.7 後端主流框架

1.8 繪製引擎及網頁繪製

1.9 Vue.js 的基本概念

1.10 Vue.js 的優缺點

 

第2章　Vue.js 3 的語言基礎

2.1 從JavaScript 標準說起

2.2 偵錯一個JavaScript 程式

2.3 說說JavaScript 執行時期

2.4 為何要學TypeScript

2.5 TypeScript 基礎

2.6 TypeScript 的優點

2.7 TypeScript 的發展歷史

2.8 架設TypeScript 開發環境

2.9 TypeScript 基礎類型

2.10 TypeScript 變數宣告

2.11 TypeScript 運算子

2.12 TypeScript 條件語句

2.13 TypeScript 迴圈

2.14 TypeScript 函式

2.15 陣列

2.16 聯合類型

2.17 介面

2.18 類別

2.19 命名空間

2.20 模組

2.21 TypeScript 物件

2.22 宣告檔案

2.23 理解TypeScript 設定檔

 

第3章　架設Vue.js 開發環境

3.1 使用VSCode 開發JavaScript 程式

3.2 Vue.js 的引用方式

3.3 第一個Vue.js 3 程式

 

第4章　Vue.js 基礎入門

4.1 建立應用實例並掛載

4.2 資料選擇

4.3 響應式系統的原理

4.4 綁定資料

4.5 計算屬性

 

第5章 指 令

5.1 v-text 和v-html 指令

5.2 v-model 指令

5.3 v-on 指令

5.4 v-for 指令

5.5 v-if 指令

5.6 v-else 指令

5.7 v-show 指令

5.8 v-bind 指令

5.9 watch 指令

 

第6章 元件應用與進階

6.1 元件概述

6.2 註冊元件

6.3 元件之間的關係

6.4 元件的重複使用

6.5 元件通訊

 

第7章 Vue.js 鷹架開發

7.1 Node.js 和Vue.js 的關係

7.2 設定Webpack 環境

7.3 Vue.js 單檔案元件標準

7.4 打包實作含Vue.js 檔案的專案

7.5 使用鷹架vue-cli

 

第8章 路由應用

8.1 路由的概念

8.2 前端路由與服務端繪製

8.3 後端路由

8.4 前後端分離

8.5 前端路由

8.6 Vue.js 的路由

8.7 含參數的動態路由比對

8.8 路由的比對語法

8.9 嵌策略由

8.10 命名路由

8.11 命名視圖

8.12 重新導向

8.13 程式設計式導覽

8.14 不同的歷史模式

8.15 導覽守衛

 

第9章　組合式API

9.1 組合式API 概述

9.2 入口函式setup

9.3 響應式函式

9.4 watch 監聽

9.5 案例：團購購物車

 

第10章　使用UI 框架Element Plus

10.1 概述

10.2 使用Element Plus 的基本步驟

10.3 按鈕的使用

10.4 網址連結

10.5 選項按鈕

10.6 核取方塊

10.7 輸入方塊

10.8 InputNumber 計數器

10.9 選取器

10.10 開關

10.11 滑桿

10.12 時間選擇器

10.13 時間選取器

10.14 日期選擇器

10.15 日期時間選擇器

10.16 上傳

10.17 評分

10.18 顏色選擇器

10.19 傳輸器

10.20 表單

10.21 表格

10.22 標籤

10.23 進度指示器

10.24 樹形

10.25 分頁

10.26 頭像

10.27 描述列表

10.28 訊息方塊

10.29 對話方塊

10.30 影像

10.31 浮動切換

10.32 在鷹架專案中使用Element Plus

 

第11章　Axios 和伺服器開發

11.1 概述

11.2 Axios 的特點

11.3 Express 架設服務端

11.4 支援跨域問題

11.5 在Vue.js 程式中存取Express 伺服器資料

 

第12章　Vuex 與案例實戰

12.1 了解「狀態管理模式」

12.2 使用Vuex 的情形

12.3 安裝或引用Vuex

12.4 專案實戰