幫助中心 | 我的帳號 | 關於我們

Vue學習手冊

  • 作者:(以)瑪雅·沙文|責編:劉熾|譯者:于淼//梁思漢
  • 出版社:中國電力
  • ISBN:9787519899578
  • 出版日期:2025/06/01
  • 裝幀:平裝
  • 頁數:379
人民幣:RMB 128 元      售價:
放入購物車
加入收藏夾

內容大鋼
    學習Vue.js的核心概念,Vue.js是用於從頭開始構建前端應用程序和界面的現代JavaScript框架。本書通過簡潔、實用和清晰的示例,帶領網頁開發人員逐步了解Vue.js生態系統中的工具和庫,並向他們展示如何為真實世界的網路項目創建完整的應用程序。
    你將學習如何使用Pinia架構處理組件之間的數據通信,為前端項目開發可管理的路由系統以控制應用程序流,以及製作基本的動畫效果以創造更好的用戶體驗。
    本書還包括以下內容:
    使用Vue.js創建可重用的輕量級組件系統。
    將響應性引入現有的靜態應用程序。
    使用前端項目代碼管理的構建工具Vite.js建立項目。
    使用Pinia為前端應用程序構建互動式狀態管理系統。
    將外部數據從伺服器連接到Vue應用程序。
    使用Vue Router通過靜態和動態路由控制應用程序流。
    使用Vitest和Playwright全面測試應用程序。

作者介紹
(以)瑪雅·沙文|責編:劉熾|譯者:于淼//梁思漢
    瑪雅·沙文     是微軟的高級軟體工程師,擅長使用Vue、TypeScript和React進行網頁和前端開發。她熱衷於良好的UX/UI實踐、網路可訪問性和網頁開發。

目錄
前言
第1章  歡迎來到Vue.js的世界
  1.1  什麼是Vue.js
  1.2  Vue在現代網頁開發中的優勢
  1.3  安裝Node.js
    1.3.1  NPM
    1.3.2  Yarn
  1.4  Vue開發者工具
  1.5  將Vite.js作為程序構建管理工具
  1.6  創建一個新的Vue應用程序
  1.7  文件存放結構
  1.8  總結
第2章  Vue如何工作:基礎知識
  2.1  虛擬DOM原理
    2.1.1  布局更新問題
    2.1.2  什麼是虛擬DOM
    2.1.3  虛擬DOM在Vue中的工作原理
  2.2  Vue應用程序實例和選項API
  2.3  探索選項API
  2.4  Template語法
  2.5  使用Data屬性創建本地狀態
  2.6  Vue響應式原理
  2.7  v-model的雙向綁定
  2.8  使用v-model.lazy修飾符
  2.9  使用v-bind綁定響應式數據和傳遞props數據
  2.10  綁定到類和樣式屬性
  2.11  使用v-for迭代數據集
    2.11.1  遍歷對象屬性
    2.11.2  使用key屬性使元素間的綁定具有唯一性
  2.12  使用v-on為元素添加事件監聽器
    2.12.1  使用v-on事件修飾符處理事件
    2.12.2  使用鍵碼修飾符檢測鍵盤事件
  2.13  使用v-if、v-else和v-else-if的條件渲染元素
  2.14  使用v-show有條件地顯示元素
  2.15  使用v-html動態顯示HTML代碼
  2.16  使用v-text顯示文本內容
  2.17  使用v-once和v-memo優化渲染
  2.18  在全局註冊組件
  2.19  總結
第3章  組合組件
  3.1  Vue單文件組件結構
  3.2  使用defineComponent()實現TypeScript支持
  3.3  組件生命周期鉤子函數
    3.3.1  Setup
    3.3.2  beforeCreate
    3.3.3  Created
    3.3.4  beforeMount
    3.3.5  mounted
    3.3.6  beforeUpdate
    3.3.7  Updated

    3.3.8  BeforeUnmount
    3.3.9  Unmounted
  3.4  方法
  3.5  計算屬性
  3.6  監聽器
    3.6.1  觀察嵌套屬性的變化
    3.6.2  使用this.$watch()方法
  3.7  插槽的魅力
  3.8  通過Template標籤和v-slot屬性使用具名插槽
  3.9  了解ref
  3.10  使用Mixins共享組件配置
  3.11  作用域樣式組件
    3.11.1  在Scoped樣式中為子組件應用CSS
    3.11.2  對插槽內容應用作用域樣式
    3.11.3  在Style標籤中使用v-bind()偽類訪問組件數據值
  3.12  用CSS模塊設計組件樣式
  3.13  總結
第4章  組件之間的交互
  4.1  Vue中的嵌套組件和數據流
    4.1.1  使用Props將數據傳遞給子組件
    4.1.2  聲明帶有驗證和默認值的Prop類型
    4.1.3  使用自定義類型檢查聲明Props
    4.1.4  使用defineProps()和withDefaults()聲明Props
  4.2  使用自定義事件在組件間通信
  4.3  使用defineEmits()定義自定義事件
  4.4  使用provide/inject模式在組件間通信
    4.4.1  使用provide傳遞數據
    4.4.2  使用inject接收數據
  4.5  Teleport API
    4.5.1  使用Teleport和元素實現模態框
    4.5.2  使用Teleport的渲染問題
  4.6  總結
第5章  組合式API
  5.1  使用組合式API設置組件
  5.2  使用ref()和reactive()處理數據
    5.2.1  使用ref()
    5.2.2  使用reactive()
  5.3  使用生命周期鉤子函數
  5.4  了解組合式API中的監聽器
  5.5  使用Computed()
  5.6  創建可重複使用的組合式函數
  5.7  總結
第6章  整合外部數據
  6.1  什麼是Axios
  6.2  安裝Axios
  6.3  使用生命周期鉤子函數和Axios載入數據
  6.4  運行時非同步數據請求:挑戰
  6.5  創建可重複使用的Fetch組件
  6.6  將應用程序與外部資料庫連接
  6.7  總結

第7章  高級渲染、動態組件和插件組合
  7.1  Render函數和JSX
    7.1.1  使用Render函數
    7.1.2  使用h函數創建VNode
    7.1.3  在render函數中編寫JavaScript XML
  7.2  功能組件
  7.3  定義功能組件的Props和Emits
  7.4  使用Vue插件全局添加自定義功能
  7.5  使用標籤進行動態渲染
  7.6  使用緩存組件實例狀態
  7.7  總結
第8章  路由
  8.1  什麼是路由
  8.2  使用Vue路由
    8.2.1  安裝Vue路由
    8.2.2  定義路由
    8.2.3  創建一個路由實例
    8.2.4  將路由實例插入Vue應用程序
    8.2.5  使用RouterView組件渲染當前頁面
    8.2.6  使用RouterLink組件構建導航欄
  8.3  路由之間的數據傳遞
  8.4  使用Props解耦路由參數
  8.5  了解導航守衛
    8.5.1  全局導航守衛
    8.5.2  路由級導航守衛
    8.5.3  組件級路由守衛
  8.6  創建嵌套路由
  8.7  創建動態路由
  8.8  使用路由實例後退和前進
  8.9  處理未知路徑
  8.10  總結
第9章  使用Pinia進行狀態管理
  9.1  了解Vue中的狀態管理
  9.2  了解Pinia
  9.3  為披薩屋創建披薩倉庫
  9.4  為披薩屋創建購物車倉庫
  9.5  在組件中使用購物車倉庫
  9.6  從披薩圖庫添加項目到購物車
  9.7  操作時顯示購物車項目
  9.8  從購物車倉庫中刪除商品
  9.9  對Pinia倉庫進行單元測試
  9.10  訂閱對倉庫變更的副作用
  9.11  總結
第10章  Vue中的過渡和動畫
  10.1  了解CSS過渡和CSS動畫
  10.2  Vue.js中的過渡組件
    10.2.1  使用自定義過渡類屬性
    10.2.2  使用appear在初始渲染時添加過渡效果
  10.3  為一組元素建立過渡
  10.4  創建路由轉換

  10.5  使用過渡事件控制動畫
  10.6  總結
第11章  在Vue中進行測試
  11.1  單元測試和E2E測試介紹
  11.2  作為單元測試工具的Vitest
  11.3  使用參數和配置文件配置Vitest
  11.4  編寫第一個測試
  11.5  測試非生命周期的組合式函數
  11.6  使用生命周期鉤子函數測試組合式函數
  11.7  使用Vue Test Utils測試組件
  11.8  測試組件的交互和事件
  11.9  通過圖形用戶界面(GUI)使用Vitest
  11.10  將Vitest與覆蓋運行程序結合使用
  11.11  使用PlaywrightJS進行端到端測試
  11.12  在VSCode中使用Playwright測試擴展調試E2E測試
  11.13  總結
第12章  Vue.Js應用程序的持續集成/持續部署
  12.1  軟體開發中的CI/CD
    12.1.1  持續集成
    12.1.2  持續交付
    12.1.3  持續部署
  12.2  使用GitHub Actions的CI/CD管道
  12.3  使用Netlify進行持續部署
  12.4  使用Netlify CLI進行部署
  12.5  總結
第13章  使用Vue進行伺服器端渲染
  13.1  Vue中的客戶端渲染
  13.2  伺服器端渲染(SSR)
  13.3  使用Nuxt.js進行伺服器端渲染
  13.4  靜態站點生成器(SSG)
  13.5  最後的話

  • 商品搜索:
  • | 高級搜索
首頁新手上路客服中心關於我們聯絡我們Top↑
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話:02-2381-2033 02-2381-1863 時間:週一-週五 10:00-17:00
 服務信箱:bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證:浙B2-20060032