Vue.js從入門到項目實戰 ( 簡體 字) |
| 作者：胡同江 | 類別：1. -> 程式設計 -> 網路編程 -> Vue.js |
| 譯者： |
| 出版社：清華大學出版社 |  3dWoo書號： 52054
詢問書籍請說出此書號！【有庫存】
NT售價： 390 元 |
| 出版日：11/1/2019 |
| 頁數：328 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787302539193 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：為什么要寫這樣一本書
Vue.js是當下很火的一個JavaScript MVVM庫，它是以數據驅動和組件化的思想構建的。Vue.js提供了更加簡潔、更易于理解的API，能夠在很大程度上降低Web前端開發的難度，因此深受廣大Web前端開發人員的喜愛。Vue.js庫功能雖然強大，但是對于初學者來說入門比較困難，因此我們選擇了讓讀者從入門到掌握Vue.js作為編寫本書的思路，沒有基礎的讀者通過本書學習也沒有障礙。本書將項目開發中的技能融入本書的案例中，通過本書的學習，不僅可以掌握Vue.js庫的使用方法，還可以積累項目開發經驗，從而滿足企業實際開發的需求。
本書特色
零基礎、入門級的講解
無論您是否從事計算機相關行業，無論您是否接觸過Vue框架，都能從本書中找到最佳起點。
實用、專業的范例和項目
本書在編排上緊密結合深入學習Vue框架技術的過程，從Vue框架基本操作開始，逐步帶領讀者學習Vue框架的各種應用技巧，側重實戰技能，使用簡單易懂的實際案例進行分析和操作指導，讓讀者學起來簡明輕松，操作起來有章可循。
隨時隨地學習
本書提供了微課視頻，隨時隨地解決學習中的困惑。
細致入微、貼心提示
本書在講解過程中，在各章中使用了“注意”“提示”“技巧”等小欄目，使讀者在學習過程中能更清楚地了解相關操作、理解相關概念，并輕松掌握各種操作技巧。
超值資源大放送
全程同步教學錄像
涵蓋本書所有知識點，詳細講解每個實例及項目的過程及技術關鍵點。比看書更能輕松地掌握書中所有的網頁制作和設計知識，而且擴展的講解部分可使您得到比書中更多的收獲。
超多容量王牌資源
贈送大量王牌資源，包括實例源代碼、教學幻燈片、本書精品教學視頻、實用網頁模板、網頁開發必備參考手冊、HTML 5 標簽速查手冊、精選的JavaScript 實例、CSS 3 屬性速查表、JavaScript 函數速查手冊、CSS+DIV 布局案例賞析、精彩網站配色方案賞析、網頁樣式與布局案例賞析、Web 前端工程師常見面試題等。讀者可以在清華大學出版社官網搜索本書獲取贈送資源。
讀者對象
沒有任何Vue框架開發基礎的初學者。
有一定的Vue框架開發基礎，想精通前端框架開發的人員。
有一定的網頁前端設計基礎，沒有項目經驗的人員。
大專院校及培訓學校的老師和學生。
創作團隊
本書由胡同江編著，參加編寫的人員還有劉春茂、李艷恩和李佳康。在編寫過程中，我們雖竭盡所能將最好的講解呈現給了讀者，但難免有疏漏和不妥之處，敬請讀者不吝指正。
編 者 |
內容簡介：《Vue.js從入門到項目實戰》從零基礎開始講解，用實例引導讀者深入學習，深入淺出地講解了Vue框架的各項實戰技能。
《Vue.js從入門到項目實戰》共16章，主要講解了Vue.js的基本概念，Vue實例和模板語法，計算屬性、偵聽器和過濾器，內置指令，頁面元素樣式的綁定，事件處理，雙向數據綁定，組件技術，使用webpack打包，項目腳手架vue-cli，前端路由技術，狀態管理等。最后列舉了4個行業熱點項目實訓，包括神影視頻App、音樂之家App、仿手機QQ頁面、仿餓了么App。
《Vue.js從入門到項目實戰》適合任何想學習Vue框架的人員，無論您是否從事計算機相關行業，無論您是否接觸過Vue框架，通過學習本書內容均可快速掌握Vue框架設計的方法和技巧。 |
目錄：第1章Vue.js簡介與安裝001
1.1Vue概述001
1.1.1 MVVM模式002
1.1.2 Vue是什么002
1.1.3 Vue有什么不同003
1.2如何使用Vue.js005
1.2.1 傳統的前端開發模式005
1.2.2 Vue.js的開發模式005
1.3安裝Vue006
1.3.1 直接用<script>引入006
1.3.2 NPM007
1.3.3 命令行工具007
1.4第一個Vue程序007
1.5疑難解惑010
第2章Vue實例和模板語法011
2.1Vue實例011
2.1.1 創建一個Vue實例011
2.1.2 數據與方法012
2.1.3 實例生命周期鉤子014
2.1.4 實例化多個對象014
2.2模板語法018
2.2.1 插值018
2.2.2 指令021
2.2.3 縮寫021
2.3疑難解惑022
第3章計算屬性、偵聽器和過濾器023
3.1計算屬性023
3.2計算屬性與方法024
3.3偵聽屬性027
3.3.1 回調值為函數方法027
3.3.2 回調值為對象028
3.4過濾器030
3.5疑難解惑033
第4章內置指令035
4.1基本指令035
4.1.1 v-cloak035
4.1.2 v-once036
4.1.3 v-text與v-html037
4.1.4 v-bind037
4.1.5 v-on038
4.2條件渲染040
4.2.1 v-if040
4.2.2 在<template>元素上使用v-if條件渲染分組042
4.2.3 v-else043
4.2.4 v-else-if044
4.2.5 用key管理可復用的元素045
4.2.6 v-show047
4.2.7 v-if與v-show的區別048
4.3列表渲染050
4.3.1 使用v-for指令遍歷元素050
4.3.2 維護狀態053
4.3.3 數組更新檢測053
4.3.4 對象變更檢測注意事項056
4.3.5 在<template>上使用v-for057
4.3.6 v-for與v-if一同使用058
4.4自定義指令060
4.5疑難解惑062
第5章頁面元素樣式的綁定064
5.1綁定HTML樣式064
5.1.1 數組語法064
5.1.2 對象語法066
5.1.3 在自定義組件上使用class068
5.2綁定內聯樣式069
5.2.1 對象語法069
5.2.2 數組語法071
5.3疑難解惑072
第6章事件處理074
6.1監聽事件074
6.2事件處理方法075
6.3事件修飾符080
6.3.1 stop修飾符080
6.3.2 capture修飾符082
6.3.3 self修飾符083
6.3.4 once修飾符085
6.3.5 prevent修飾符085
6.3.6 passive修飾符086
6.4按鍵修飾符087
6.5系統修飾鍵089
6.6案例實戰——仿淘寶Tab欄切換090
6.7疑難解惑092
第7章表單輸入綁定（雙向數據綁定）094
7.1雙向綁定094
7.2基本用法095
7.2.1 文本095
7.2.2 多行文本096
7.2.3 復選框096
7.2.4 單選按鈕097
7.2.5 選擇框098
7.3值綁定101
7.3.1 綁定復選框101
7.3.2 綁定單選按鈕101
7.3.3 綁定選擇框102
7.4修飾符103
7.4.1 lazy修飾符103
7.4.2 number修飾符103
7.4.3 trim修飾符104
7.5案例實戰1——小游戲破壞瓶子105
7.6案例實戰2——設計動態表格107
7.7疑難解惑110
第8章組件技術113
8.1組件是什么113
8.2組件的注冊114
8.2.1 全局注冊114
8.2.2 局部注冊117
8.3組件中的data選項119
8.4組件中的props選項121
8.5組件的復用124
8.6組件間的數據通信126
8.6.1 父組件向子組件通信126
8.6.2 子組件向父組件通信127
8.7插槽129
8.7.1 認識插槽129
8.7.2 具名插槽132
8.7.3 作用域插槽135
8.7.4 解構插槽137
8.8案例實戰——設計照片相冊139
8.9 疑難解惑143
第9章使用webpack打包145
9.1前端工程化與webpack145
9.2webpack基礎配置148
9.2.1 安裝webpack與webpack-devserver148
9.2.2 webpack的核心概念149
9.2.3 完善配置文件152
9.3單文件組件與vue-loader154
9.4疑難解惑160
第10章項目腳手架vue-cli161
10.1腳手架的組件161
10.2腳手架環境搭建162
10.3安裝腳手架164
10.4創建項目165
10.4.1 使用命令165
10.4.2 使用圖形化界面167
10.5疑難解惑171
第11章前端路由技術172
11.1實現Vue前端路由控制172
11.1.1 前端路由的實現方式172
11.1.2 路由實現步驟173
11.2命名路由、命名視圖和路由傳參177
11.2.1 命名路由177
11.2.2 命名視圖179
11.2.3 路由傳參183
11.3編程式導航191
11.4組件與VueRouter間解耦194
11.4.1 布爾模式解耦194
11.4.2 對象模式解耦197
11.4.3 函數模式解耦198
11.5疑難解惑198
第12章狀態管理200
12.1Vuex概述200
12.1.1 狀態管理模式200
12.1.2 Vuex的應用場合202
12.2Vuex的安裝與使用202
12.2.1 安裝Vuex202
12.2.2 Promise對象203
12.2.3 使用Vuex203
12.3在項目中使用Vuex205
12.3.1 使用腳手架搭建一個項目205
12.3.2 state對象209
12.3.3 getter對象210
12.3.4 mutation對象212
12.3.5 Action對象213
12.4疑難解惑215
第13章項目實訓1——神影視頻App216
13.1準備工作21613.1.1 開發環境216
13.1.2 搭建Vue腳手架216
13.2網站概述219
13.2.1 網站結構219
13.2.2 初始化項目文件220
13.3設計項目組件221
13.3.1 設計頭部和底部導航組件222
13.3.2 設計電影頁面組件224
13.3.3 設計影院頁面組件235
13.3.4 設計我的頁面組件238
13.4設計項目頁面組件及路由配置239
13.4.1 電影頁面組件及路由239
13.4.2 影院頁面組件及路由242
13.4.3 我的頁面組件及路由244
第14章項目實訓2——音樂之家App246
14.1項目概述246
14.1.1 開發環境246
14.1.2 技術概括247
14.1.3 項目結構247
14.2入口文件248
14.2.1 項目入口頁面（index.html）248
14.2.2 程序入口文件（main.js）249
14.2.3 組件入口文件（App.vue）249
14.3狀態管理252
14.3.1 store/api.js252
14.3.2 store/index.js253
14.4項目組件設計254
14.4.1 歡迎組件255
14.4.2 播放組件256
14.4.3 歌曲信息組件259
14.4.4 歌曲列表組件261
14.4.5 歌曲詳情組件262
第15章項目實訓3——仿手機QQ頁面266
15.1項目概述266
15.1.1 開發環境266
15.1.2 技術概括267
15.1.3 項目結構267
15.2入口文件268
15.2.1 項目入口頁面268
15.2.2 程序入口文件269
15.2.3 組件入口文件269
15.3狀態管理272
15.3.1 action.js272
15.3.2 getters.js273
15.3.3 mutations.js273
15.3.4 store.js275
15.4項目組件及路由276
15.4.1 配置路由276
15.4.2 頂部導航欄組件277
15.4.3 側邊欄導航組件278
15.4.4 搜索組件280
15.4.5 個人信息頁面組件283
15.4.6 底部tab欄組件286
15.4.7 消息頁面組件288
15.4.8 聊天組件291
15.4.9 朋友頁面組件295
15.4.10 動態頁面組件298
15.5模擬請求數據300
第16章項目實訓4——仿餓了么App302
16.1項目概述302
16.1.1 開發環境302
16.1.2 項目結構303
16.2入口文件304
16.2.1 項目入口頁面304
16.2.2 程序入口文件304
16.2.3 組件入口文件305
16.3項目組件306
16.3.1 頭部組件306
16.3.2 商品數量控制組件309
16.3.3 購物車組件310
16.3.4 評論內容組件314
16.3.5 商品詳情組件317
16.3.6 星級組件320
16.3.7 商品組件321
16.3.8 評論組件324
16.3.9 商家信息組件326 |
| 序： |
