Vue.js 前端框架項目實戰 (微課版)

李麗

  • 出版商: 電子工業
  • 出版日期: 2026-01-01
  • 售價: $270
  • 語言: 簡體中文
  • 頁數: 180
  • ISBN: 7121515326
  • ISBN-13: 9787121515323
  • 相關分類: Vue.js
  • 下單後立即進貨 (約4週~6週)

買這商品的人也買了...

相關主題

商品描述

本書是以實戰為導向的前端開發教程,以技術 社區網站項目為依托,系統講解Vue.js框架的核心 技術及現代前端工程化實踐,涵蓋從基礎語法到項 目部署的全流程技能。全書共六章: 章奠定前 端框架開發基礎,涵蓋Web前端技術發展概述、前端 開發工具、Vue.js入門、前端UI框架入門及版本控 制與代碼托管;第二章深入基本指令,涵蓋數據綁 定及相關指令、條件渲染和列表渲染;第三章聚焦 交互特性,解析事件處理、計算屬性與偵聽器;第 四章以項目工程化為核心,講解項目初始化、組件 化開發與生命周期;第五章進階到應用架構優化, 探討路由、組件與狀態管理;第六章進行聯調與部 署實戰,完成前後端聯調、項目打包部署等生產級 操作

目錄大綱

第一章 前端框架開發基礎
1.1 Web前端技術發展概述
1.1.1 前端技術演變
1.1.2 前端架構模式
1.1.3 單頁面應用
習題1.1
任務1.1 前端框架技術調研
1.2 前端開發工具
1.2.1 VS Code簡介與安裝
1.2.2 VS Code界面介紹
1.2.3 VS Code常用插件
1.2.4 VS Code集成AI代碼工具
1.2.5 VS Code常用快捷鍵
習題1.2
任務1.2 掌握VS Code高效開發技巧
1.3 Vue.js入門
1.3.1 Vue.js簡介
1.3.2 Vue.js腳本引入
1.3.3 Vue.js應用實例創建
習題1.3
任務1.3 開發個人主頁
1.4 前端UI框架入門
1.4.1 Element Plus集成
1.4.2 Element Plus組件
1.4.3 Element Plus布局
習題1.4
任務1.4 開發網站首頁
1.5 版本控制與代碼托管
1.5.1 版本控制工具Git
1.5.2 代碼托管平臺Gitee
習題1.5
任務1.5 實現代碼托管
第二章 基本指令
2.1 數據綁定及相關指令
2.1.1 雙大括號文本插值
2.1.2 v-text指令
2.1.3 v-html指令
2.1.4 v-bind指令
2.1.5 v-model指令
習題2.1
任務2.1 開發註冊和登錄頁面
2.2 條件渲染
2.2.1 v-if指令
2.2.2 v-else指令
2.2.3 v-else-if指令
2.2.4 v-show指令
2.2.5 v-if指令與v-show指令比較
習題2.2
任務2.2 開發個人中心頁面
2.3 列表渲染
2.3.1 v-for指令
2.3.2 v-for指令與v-if指令
習題2.3
任務2.3 開發列表渲染功能
第三章 交互特性
3.1 事件處理
3.1.1 v-on指令
3.1.2 事件修飾符
3.1.3 按鍵修飾符
3.1.4 系統修飾符
習題3.1
任務3.1 開發商城頁面
3.2 計算屬性
3.2.1 特點和基本用法
3.2.2 與方法的比較
習題3.2
任務3.2 優化商城交互功能
3.3 偵聽器
3.3.1 基本用法
3.3.2 深層偵聽器
習題3.3
任務3.3 集成表單驗證機制
第四章 項目工程化
4.1 項目初始化
4.1.1 包管理工具
4.1.2 腳手架
4.1.3 項目創建
4.1.4 前端UI框架集成
習題4.1
任務4.1 搭建開發環境及創建項目
4.2 組件化開發
4.2.1 單文件組件
4.2.2 API
4.2.3 響應式機制
4.2.4 調試工具
習題4.2
任務4.2 組件化重寫網站
4.3 生命周期
4.3.1 生命周期鉤子
4.3.2 生命周期鉤子的應用
習題4.3
任務4.3 數據加載與用戶體驗優化
第五章 應用架構優化
5.1 路由
5.1.1 靜態路由
5.1.2 動態路由
5.1.3 路由傳參
5.1.4 嵌套路由
5.1.5 編程式導航
5.1.6 重定向
5.1.7 導航守衛
習題5.1
任務5.1 利用路由技術實現完整導航體系
5.2 組件
5.2.1 組件註冊及Props
5.2.2 組件事件
5.2.3 組件通信
習題5.2
任務5.2 開發購物車子組件
5.3 狀態管理
5.3.1 Pinia簡介
5.3.2 Pinia基本用法
5.3.3 Pinia核心概念
5.3.4 Pinia持久化存儲
習題5.3
任務5.3 實現用戶登錄功能並保持用戶狀態
第六章 聯調與部署
6.1 前後端聯調
6.1.1 Axios簡介
6.1.2 Axios基本用法
6.1.3 模擬後端接口
習題6.1
任務6.1 開發文章相關功能
6.2 項目打包部署
6.2.1 項目打包
6.2.2 基於Nginx部署
習題6.2
任務6.2 項目打包與本地部署
附錄A 習題參考答案