Vue.js 開發實戰
內容描述
標註清晰的代碼和插圖 數據建模和使用API Vuex的便捷狀態管理 創建自定義指令 《Vue,js開發實戰》適合具有一定JavaScript、HTML和CSS經驗的Web開發人員。
目錄大綱
第1章 Vue.js介紹
1.1 站在巨人的肩膀上
1.1.1 MVC模式
1.1.2 MVVM模式
1.1.3 什麼是反應式應用程序
1.1.4 JavaScript計算器
1.1.5 Vue計算器
1.1.6 JavaScript和Vue的差別
1.1.7 Vue如何促進MVVM和響應性
1.2 使用Vue.js的理由
1.3 展望未來
1.4 本章小結
第2章 Vue實例
2.1 我們的第一個應用程序
2.1.1 Vue根實例
2.1.2 確保應用程序可以運行
2.1.3 在視圖中顯示內容
2.1.4 檢查Vue中的屬性
2.2 Vue生命週期
2.2.1 添加生命週期鉤子
2.2.2 探索生命週期代碼
2.2.3 是否保留生命週期代碼
2.3 顯示商品
2.3.1 定義商品數據
2.3.2 添加商品視圖標籤
2.4 運用輸出過濾器
2.4.1 編寫過濾器函數
2.4.2 將過濾器添加到我們的標籤並測試不同的值
2.5 練習題
2.6 本章小結
第Ⅱ部分 視圖與視圖模型
第3章 增加交互性
3.1 購物車數據,從添加一個數組開始
3.2 綁定到DOM事件
3.2.1 事件綁定基礎
3.2.2 將事件綁定到Add to cart按鈕
3.3 添加購物車件數按鈕並計數
3.3.1 何時使用計算屬性
3.3.2 使用計算屬性檢查更新事件
3.3.3 顯示購物車商品計數及測試
3.4 讓我們的按鈕具備用戶直觀功能
3.4.1 密切關注庫存
3.4.2 使用計算屬性和庫存
3.4.3 指令v-show的基礎知識
3.4.4 使用v.if和v-else顯示被禁用的按鈕
3.4.5 添加Adding the cart按鈕用於切換
3.4.6 使用v.if顯示結賬頁面
3.4.7 對比v-show與v-if v-else
3.5 練習題
3.6 本章小結
第4章 表單與輸入框
4.1 使用v-model綁定
4.2 關於值綁定
4.2.1 綁定值到複選框
4.2.2 使用值綁定和單選按鈕
4.2.3 學習v.for指令
4.2.4 沒有可選key的v-for指令
4.3 通過應用程序學習修飾符
4.3.1 使用.number修飾符
4.3.2 修剪輸入值
4.3.3 v-model的.lazy修飾符
4.4 練習題
4.5 本章小結