舉報 
會員
循序漸進Vue.js 3前端開發實戰
最新章節：
15.7 小結與練習
本書以一個多年前端“老司機”的視角，循序漸進地介紹當前流行的前端框架Vue.js3的新特性、各項功能及其在商業開發中的應用。全書共15章，第1~6章介紹Vue.js3的模板、組件、交互處理等基礎知識；第7章介紹Vue.js3框架的響應式原理及組合式API；第8章介紹使用Vue.js3框架開發前端動畫效果；第9章介紹開發大型項目必備的腳手架工具VueCli和Vite；第10章介紹基于Vue.js3的UI框架ElementPlus；第11~13章分別介紹網絡請求框架vue-axios、路由管理框架VueRouter、狀態管理框架Vuex；第14章和第15章介紹兩個相對完整的項目的開發，即學習網站和電商后臺系統。本書試圖介紹Vue.js3全家桶及周邊框架和工具的綜合應用，旨在使讀者通過閱讀本書開發自己的應用程序。本書還在各章安排了小型范例和練習題，并提供了教學視頻、源代碼及PPT課件。本書既可以入門，也可以進階，適合Vue.js3初學者和前端開發人員使用，也可以作為網課、培訓機構與大中專院校的教學用書。
最新章節
- 15.7 小結與練習
- 15.6.2 數據統計模塊的開發
- 15.6.1 交易明細與財務對賬單
- 15.6 財務管理與數據統計功能模塊開發
- 15.5.2 店長審批列表與店長訂單
- 15.5.1 店長列表的開發
品牌：清華大學
上架時間：2023-09-26 15:26:11
出版社：清華大學出版社
本書數字版權由清華大學提供，并由其授權上海閱文信息技術有限公司制作發行
- 15.7 小結與練習 更新時間：2023-09-26 15:33:30
- 15.6.2 數據統計模塊的開發
- 15.6.1 交易明細與財務對賬單
- 15.6 財務管理與數據統計功能模塊開發
- 15.5.2 店長審批列表與店長訂單
- 15.5.1 店長列表的開發
- 15.5 店長管理模塊的開發
- 15.4.5 添加商品分類
- 15.4.4 新建商品的詳情設置
- 15.4.3 新建商品的價格和庫存配置
- 15.4.2 新建商品的基礎配置
- 15.4.1 商品管理列表頁的開發
- 15.4 商品管理模塊的開發
- 15.3.3 完善訂單管理頁面
- 15.3.2 編寫工具類與全局樣式
- 15.3.1 使用Mock.js進行模擬數據的生成
- 15.3 訂單管理模塊的開發
- 15.2.2 完善注銷功能
- 15.2.1 主頁框架搭建
- 15.2 項目主頁搭建
- 15.1.2 用戶登錄頁面的開發
- 15.1.1 項目搭建
- 15.1 用戶登錄模塊開發
- 第15章 項目演練二：電商后臺管理系統實戰
- 14.4 小結與練習
- 14.3 渲染文章筆記內容
- 14.2 配置專題與文章目錄
- 14.1 網站框架的搭建
- 第14章 項目演練一：開發一個文檔學習網站
- 13.3 小結與練習
- 13.2.5 Vuex中的Module
- 13.2.4 Vuex中的Action
- 13.2.3 Vuex中的Mutation
- 13.2.2 Vuex中的Getter方法
- 13.2.1 Vuex中的狀態state
- 13.2 Vuex中的一些核心概念
- 13.1.2 安裝與體驗Vuex
- 13.1.1 關于狀態管理
- 13.1 認識Vuex框架
- 第13章 Vue狀態管理
- 12.8 小結與練習
- 12.7.1 動態添加與刪除路由
- 12.7 動態路由
- 12.6.2 為特定的路由注冊導航守衛
- 12.6.1 定義全局的導航守衛
- 12.6 路由導航守衛
- 12.5 關于路由傳參
- 12.4.4 路由重定向
- 12.4.3 使用別名
- 12.4.2 路由視圖命名
- 12.4.1 使用名稱進行路由切換
- 12.4 關于路由的命名
- 12.3.2 導航歷史控制
- 12.3.1 使用路由方法
- 12.3 頁面導航
- 12.2.3 路由的嵌套
- 12.2.2 路由匹配的語法規則
- 12.2.1 路由參數匹配
- 12.2 帶參數的動態路由
- 12.1.2 一個簡單的Vue Router使用示例
- 12.1.1 Vue Router的安裝
- 12.1 Vue Router的安裝與簡單使用
- 第12章 Vue路由管理
- 11.4 小結與練習
- 11.3.2 實現天氣預報應用的核心邏輯
- 11.3.1 搭建頁面框架
- 11.3 范例：實現一個天氣預報應用
- 11.2.3 攔截器的使用
- 11.2.2 請求的配置與響應數據結構
- 11.2.1 通過配置的方式進行數據請求
- 11.2 vue-axios實用功能介紹
- 11.1.2 使用vue-axios進行數據請求
- 11.1.1 使用互聯網上免費的數據服務
- 11.1 使用vue-axios請求天氣數據
- 第11章 基于Vue的網絡框架——vue-axios的應用
- 10.8 小結與練習
- 10.7 實戰：實現一個教務系統學生列表頁面
- 10.6.5 布局容器組件
- 10.6.4 抽屜組件
- 10.6.3 標簽頁組件
- 10.6.2 導航菜單組件
- 10.6.1 表格組件
- 10.6 數據承載相關組件
- 10.5.3 通知組件
- 10.5.2 消息提示
- 10.5.1 警告組件
- 10.5 提示類組件
- 10.4.3 顏色選擇器
- 10.4.2 日期選擇器
- 10.4.1 時間選擇器
- 10.4 選擇器組件
- 10.3.2 滑塊組件
- 10.3.1 開關組件
- 10.3 開關與滑塊組件
- 10.2.6 多級列表組件
- 10.2.5 選擇列表
- 10.2.4 數字輸入框
- 10.2.3 帶推薦列表的輸入框組件
- 10.2.2 標準輸入框組件
- 10.2.1 單選框與復選框
- 10.2 表單類組件
- 10.1.5 圖片與頭像組件
- 10.1.4 空態圖與加載占位圖組件
- 10.1.3 標簽組件
- 10.1.2 按鈕組件
- 10.1.1 Element Plus的安裝與使用
- 10.1 Element Plus入門
- 第10章 基于Vue 3的UI組件庫——Element Plus
- 9.6 小結與練習
- 9.5.2 體驗Vite構建工具
- 9.5.1 Vite與Vue CLI的比較
- 9.5 新一代前端構建工具Vite
- 9.4 工程構建
- 9.3 在項目中使用依賴
- 9.2.2 運行Vue項目工程
- 9.2.1 模板工程的目錄結構
- 9.2 Vue CLI項目模板工程
- 9.1.2 快速創建項目
- 9.1.1 Vue CLI的安裝
- 9.1 Vue CLI工具入門
- 第9章 構建工具Vue CLI的使用
- 8.5 小結與練習
- 8.4 范例：優化用戶列表頁面
- 8.3.4 列表過渡動畫
- 8.3.3 多個組件的過渡動畫
- 8.3.2 設置動畫過程中的監聽回調
- 8.3.1 定義過渡動畫
- 8.3 Vue過渡動畫
- 8.2 使用JavaScript的方式實現動畫效果
- 8.1.2 keyframes動畫
- 8.1.1 transition過渡動畫
- 8.1 使用CSS3創建動畫
- 第8章 動畫
- 7.5 小結與練習
- 7.4.2 使用組合式API重構用戶列表頁面
- 7.4.1 常規風格的示例工程開發
- 7.4 范例：實現支持搜索和篩選的用戶列表
- 7.3.2 在setup方法中定義生命周期行為
- 7.3.1 關于setup方法
- 7.3 組合式API的應用
- 7.2.2 監聽響應式變量
- 7.2.1 關于計算變量
- 7.2 響應式的計算與監聽
- 7.1.3 獨立的響應式值Ref的應用
- 7.1.2 Vue中的響應式對象
- 7.1.1 手動追蹤變量的變化
- 7.1 響應式編程的原理及在Vue中的應用
- 第7章 Vue響應式編程
- 6.6 小結與練習
- 6.5 使用組件的Teleport功能開發全局彈窗
- 6.4.2 自定義指令的參數
- 6.4.1 認識自定義指令
- 6.4 使用自定義指令
- 6.3.3 進行全局Mixin
- 6.3.2 Mixin選項的合并
- 6.3.1 使用Mixin來定義組件
- 6.3 組件Mixin技術
- 6.2.3 組件數據注入
- 6.2.2 Props的只讀性質
- 6.2.1 對Prop屬性進行驗證
- 6.2 組件Props屬性的高級用法
- 6.1.3 組件的注冊方式
- 6.1.2 應用的全局配置選項
- 6.1.1 生命周期方法
- 6.1 組件的生命周期與高級配置
- 第6章 組件進階
- 5.6 小結與練習
- 5.5 范例：開發一款小巧的開關按鈕組件
- 5.4 動態組件的簡單應用
- 5.3.2 多具名插槽的用法
- 5.3.1 組件插槽的基本用法
- 5.3 自定義組件的插槽
- 5.2.3 在組件上使用v-model指令
- 5.2.2 處理組件事件
- 5.2.1 為組件添加外部屬性
- 5.2 組件中的數據與事件的傳遞
- 5.1.2 定義組件
- 5.1.1 Vue應用的數據配置選項
- 5.1 關于Vue應用與組件
- 第5章 組件基礎
- 4.5 小結與練習
- 4.4 范例2：彈球游戲
- 4.3 范例1：隨鼠標移動的小球
- 4.2.2 按鍵修飾符
- 4.2.1 常用事件類型
- 4.2 Vue中的事件類型
- 4.1.3 事件修飾符
- 4.1.2 多事件處理
- 4.1.1 事件監聽示例
- 4.1 事件的監聽與處理
- 第4章 處理用戶交互
- 3.7 小結與練習
- 3.6.2 步驟二：實現注冊頁面的用戶交互
- 3.6.1 步驟一：搭建用戶注冊頁面
- 3.6 范例：實現一個功能完整的用戶注冊頁面
- 3.5.2 綁定內聯樣式
- 3.5.1 為HTML標簽綁定Class屬性
- 3.5 樣式綁定
- 3.4.5 兩個常用的修飾符
- 3.4.4 選擇列表
- 3.4.3 復選框與單選框
- 3.4.2 多行文本輸入區域
- 3.4.1 文本輸入框
- 3.4 表單數據的雙向綁定
- 3.3.2 使用Lodash庫進行函數限流
- 3.3.1 手動實現一個簡易的限流函數
- 3.3 進行函數限流
- 3.2.4 屬性偵聽器
- 3.2.3 計算屬性的賦值
- 3.2.2 使用計算屬性還是函數
- 3.2.1 計算屬性
- 3.2 計算屬性和偵聽器
- 3.1.2 方法基礎
- 3.1.1 屬性基礎
- 3.1 屬性與方法基礎
- 第3章 Vue組件的屬性和方法
- 2.5 小結與練習
- 2.4.2 步驟二：實現待辦任務列表的邏輯開發
- 2.4.1 步驟一：使用HTML搭建應用框架結構
- 2.4 范例：實現待辦任務列表應用
- 2.3.2 v-for指令的高級用法
- 2.3.1 v-for指令的使用方法
- 2.3 循環渲染
- 2.2.2 使用v-show指令進行條件渲染
- 2.2.1 使用v-if指令進行條件渲染
- 2.2 條件渲染
- 2.1.2 模板指令
- 2.1.1 模板插值
- 2.1 模板基礎
- 第2章 Vue模板應用
- 1.6 小結與練習
- 1.5.4 為什么要使用Vue框架
- 1.5.3 Vue 3的新特性
- 1.5.2 范例：實現一個簡單的用戶登錄頁面
- 1.5.1 第一個Vue應用
- 1.5 漸進式開發框架Vue
- 1.4.2 JavaScript語法簡介
- 1.4.1 為什么需要JavaScript
- 1.4 JavaScript入門
- 1.3.2 CSS樣式入門
- 1.3.1 CSS選擇器入門
- 1.3 CSS入門
- 1.2.2 HTML中的基礎標簽
- 1.2.1 準備開發工具
- 1.2 HTML入門
- 1.1 前端技術演進
- 第1章 從前端基礎到Vue.js 3
- 前言
- 作者介紹
- 內容簡介
- 版權信息
- 封面
- 封面
- 版權信息
- 內容簡介
- 作者介紹
- 前言
- 第1章 從前端基礎到Vue.js 3
- 1.1 前端技術演進
- 1.2 HTML入門
- 1.2.1 準備開發工具
- 1.2.2 HTML中的基礎標簽
- 1.3 CSS入門
- 1.3.1 CSS選擇器入門
- 1.3.2 CSS樣式入門
- 1.4 JavaScript入門
- 1.4.1 為什么需要JavaScript
- 1.4.2 JavaScript語法簡介
- 1.5 漸進式開發框架Vue
- 1.5.1 第一個Vue應用
- 1.5.2 范例：實現一個簡單的用戶登錄頁面
- 1.5.3 Vue 3的新特性
- 1.5.4 為什么要使用Vue框架
- 1.6 小結與練習
- 第2章 Vue模板應用
- 2.1 模板基礎
- 2.1.1 模板插值
- 2.1.2 模板指令
- 2.2 條件渲染
- 2.2.1 使用v-if指令進行條件渲染
- 2.2.2 使用v-show指令進行條件渲染
- 2.3 循環渲染
- 2.3.1 v-for指令的使用方法
- 2.3.2 v-for指令的高級用法
- 2.4 范例：實現待辦任務列表應用
- 2.4.1 步驟一：使用HTML搭建應用框架結構
- 2.4.2 步驟二：實現待辦任務列表的邏輯開發
- 2.5 小結與練習
- 第3章 Vue組件的屬性和方法
- 3.1 屬性與方法基礎
- 3.1.1 屬性基礎
- 3.1.2 方法基礎
- 3.2 計算屬性和偵聽器
- 3.2.1 計算屬性
- 3.2.2 使用計算屬性還是函數
- 3.2.3 計算屬性的賦值
- 3.2.4 屬性偵聽器
- 3.3 進行函數限流
- 3.3.1 手動實現一個簡易的限流函數
- 3.3.2 使用Lodash庫進行函數限流
- 3.4 表單數據的雙向綁定
- 3.4.1 文本輸入框
- 3.4.2 多行文本輸入區域
- 3.4.3 復選框與單選框
- 3.4.4 選擇列表
- 3.4.5 兩個常用的修飾符
- 3.5 樣式綁定
- 3.5.1 為HTML標簽綁定Class屬性
- 3.5.2 綁定內聯樣式
- 3.6 范例：實現一個功能完整的用戶注冊頁面
- 3.6.1 步驟一：搭建用戶注冊頁面
- 3.6.2 步驟二：實現注冊頁面的用戶交互
- 3.7 小結與練習
- 第4章 處理用戶交互
- 4.1 事件的監聽與處理
- 4.1.1 事件監聽示例
- 4.1.2 多事件處理
- 4.1.3 事件修飾符
- 4.2 Vue中的事件類型
- 4.2.1 常用事件類型
- 4.2.2 按鍵修飾符
- 4.3 范例1：隨鼠標移動的小球
- 4.4 范例2：彈球游戲
- 4.5 小結與練習
- 第5章 組件基礎
- 5.1 關于Vue應用與組件
- 5.1.1 Vue應用的數據配置選項
- 5.1.2 定義組件
- 5.2 組件中的數據與事件的傳遞
- 5.2.1 為組件添加外部屬性
- 5.2.2 處理組件事件
- 5.2.3 在組件上使用v-model指令
- 5.3 自定義組件的插槽
- 5.3.1 組件插槽的基本用法
- 5.3.2 多具名插槽的用法
- 5.4 動態組件的簡單應用
- 5.5 范例：開發一款小巧的開關按鈕組件
- 5.6 小結與練習
- 第6章 組件進階
- 6.1 組件的生命周期與高級配置
- 6.1.1 生命周期方法
- 6.1.2 應用的全局配置選項
- 6.1.3 組件的注冊方式
- 6.2 組件Props屬性的高級用法
- 6.2.1 對Prop屬性進行驗證
- 6.2.2 Props的只讀性質
- 6.2.3 組件數據注入
- 6.3 組件Mixin技術
- 6.3.1 使用Mixin來定義組件
- 6.3.2 Mixin選項的合并
- 6.3.3 進行全局Mixin
- 6.4 使用自定義指令
- 6.4.1 認識自定義指令
- 6.4.2 自定義指令的參數
- 6.5 使用組件的Teleport功能開發全局彈窗
- 6.6 小結與練習
- 第7章 Vue響應式編程
- 7.1 響應式編程的原理及在Vue中的應用
- 7.1.1 手動追蹤變量的變化
- 7.1.2 Vue中的響應式對象
- 7.1.3 獨立的響應式值Ref的應用
- 7.2 響應式的計算與監聽
- 7.2.1 關于計算變量
- 7.2.2 監聽響應式變量
- 7.3 組合式API的應用
- 7.3.1 關于setup方法
- 7.3.2 在setup方法中定義生命周期行為
- 7.4 范例：實現支持搜索和篩選的用戶列表
- 7.4.1 常規風格的示例工程開發
- 7.4.2 使用組合式API重構用戶列表頁面
- 7.5 小結與練習
- 第8章 動畫
- 8.1 使用CSS3創建動畫
- 8.1.1 transition過渡動畫
- 8.1.2 keyframes動畫
- 8.2 使用JavaScript的方式實現動畫效果
- 8.3 Vue過渡動畫
- 8.3.1 定義過渡動畫
- 8.3.2 設置動畫過程中的監聽回調
- 8.3.3 多個組件的過渡動畫
- 8.3.4 列表過渡動畫
- 8.4 范例：優化用戶列表頁面
- 8.5 小結與練習
- 第9章 構建工具Vue CLI的使用
- 9.1 Vue CLI工具入門
- 9.1.1 Vue CLI的安裝
- 9.1.2 快速創建項目
- 9.2 Vue CLI項目模板工程
- 9.2.1 模板工程的目錄結構
- 9.2.2 運行Vue項目工程
- 9.3 在項目中使用依賴
- 9.4 工程構建
- 9.5 新一代前端構建工具Vite
- 9.5.1 Vite與Vue CLI的比較
- 9.5.2 體驗Vite構建工具
- 9.6 小結與練習
- 第10章 基于Vue 3的UI組件庫——Element Plus
- 10.1 Element Plus入門
- 10.1.1 Element Plus的安裝與使用
- 10.1.2 按鈕組件
- 10.1.3 標簽組件
- 10.1.4 空態圖與加載占位圖組件
- 10.1.5 圖片與頭像組件
- 10.2 表單類組件
- 10.2.1 單選框與復選框
- 10.2.2 標準輸入框組件
- 10.2.3 帶推薦列表的輸入框組件
- 10.2.4 數字輸入框
- 10.2.5 選擇列表
- 10.2.6 多級列表組件
- 10.3 開關與滑塊組件
- 10.3.1 開關組件
- 10.3.2 滑塊組件
- 10.4 選擇器組件
- 10.4.1 時間選擇器
- 10.4.2 日期選擇器
- 10.4.3 顏色選擇器
- 10.5 提示類組件
- 10.5.1 警告組件
- 10.5.2 消息提示
- 10.5.3 通知組件
- 10.6 數據承載相關組件
- 10.6.1 表格組件
- 10.6.2 導航菜單組件
- 10.6.3 標簽頁組件
- 10.6.4 抽屜組件
- 10.6.5 布局容器組件
- 10.7 實戰：實現一個教務系統學生列表頁面
- 10.8 小結與練習
- 第11章 基于Vue的網絡框架——vue-axios的應用
- 11.1 使用vue-axios請求天氣數據
- 11.1.1 使用互聯網上免費的數據服務
- 11.1.2 使用vue-axios進行數據請求
- 11.2 vue-axios實用功能介紹
- 11.2.1 通過配置的方式進行數據請求
- 11.2.2 請求的配置與響應數據結構
- 11.2.3 攔截器的使用
- 11.3 范例：實現一個天氣預報應用
- 11.3.1 搭建頁面框架
- 11.3.2 實現天氣預報應用的核心邏輯
- 11.4 小結與練習
- 第12章 Vue路由管理
- 12.1 Vue Router的安裝與簡單使用
- 12.1.1 Vue Router的安裝
- 12.1.2 一個簡單的Vue Router使用示例
- 12.2 帶參數的動態路由
- 12.2.1 路由參數匹配
- 12.2.2 路由匹配的語法規則
- 12.2.3 路由的嵌套
- 12.3 頁面導航
- 12.3.1 使用路由方法
- 12.3.2 導航歷史控制
- 12.4 關于路由的命名
- 12.4.1 使用名稱進行路由切換
- 12.4.2 路由視圖命名
- 12.4.3 使用別名
- 12.4.4 路由重定向
- 12.5 關于路由傳參
- 12.6 路由導航守衛
- 12.6.1 定義全局的導航守衛
- 12.6.2 為特定的路由注冊導航守衛
- 12.7 動態路由
- 12.7.1 動態添加與刪除路由
- 12.8 小結與練習
- 第13章 Vue狀態管理
- 13.1 認識Vuex框架
- 13.1.1 關于狀態管理
- 13.1.2 安裝與體驗Vuex
- 13.2 Vuex中的一些核心概念
- 13.2.1 Vuex中的狀態state
- 13.2.2 Vuex中的Getter方法
- 13.2.3 Vuex中的Mutation
- 13.2.4 Vuex中的Action
- 13.2.5 Vuex中的Module
- 13.3 小結與練習
- 第14章 項目演練一：開發一個文檔學習網站
- 14.1 網站框架的搭建
- 14.2 配置專題與文章目錄
- 14.3 渲染文章筆記內容
- 14.4 小結與練習
- 第15章 項目演練二：電商后臺管理系統實戰
- 15.1 用戶登錄模塊開發
- 15.1.1 項目搭建
- 15.1.2 用戶登錄頁面的開發
- 15.2 項目主頁搭建
- 15.2.1 主頁框架搭建
- 15.2.2 完善注銷功能
- 15.3 訂單管理模塊的開發
- 15.3.1 使用Mock.js進行模擬數據的生成
- 15.3.2 編寫工具類與全局樣式
- 15.3.3 完善訂單管理頁面
- 15.4 商品管理模塊的開發
- 15.4.1 商品管理列表頁的開發
- 15.4.2 新建商品的基礎配置
- 15.4.3 新建商品的價格和庫存配置
- 15.4.4 新建商品的詳情設置
- 15.4.5 添加商品分類
- 15.5 店長管理模塊的開發
- 15.5.1 店長列表的開發
- 15.5.2 店長審批列表與店長訂單
- 15.6 財務管理與數據統計功能模塊開發
- 15.6.1 交易明細與財務對賬單
- 15.6.2 數據統計模塊的開發
- 15.7 小結與練習 更新時間：2023-09-26 15:33:30
