這是一本講授快速入門Vue.js的書。
基本介紹
- 中文名：Vue.js快速入門
- 作者：申思維
- 出版時間：2019年1月
- 出版社：清華大學出版社
- 頁數：244 頁
- ISBN：9787302517542
- 類別：軟體開發,程式設計
- 定價：59 元
- 開本：190mm x 260mm
- 裝幀：平裝
內容簡介,作者簡介,書籍目錄,
內容簡介
全書分為8章，內容包括Vue.js概述、Vue.js的安裝、定義頁面、渲染視圖、路由、傳送HTTP請求、表單的綁定和提交、打包、部署、解決js的跨域問題、Debug、Component、Mixin、Vuex、頁面的生命周期等，最後還給出一個實戰案例供讀者了解Vue.js項目開發過程。 本書適合Vue.js初學者、Web前端開發人員，也適合高等院校和培訓學校的師生教學參考。
作者簡介
申思維，軟體行業老兵。
書籍目錄
第1章Vue.js概述 1
1.1單頁套用的出現 1
1.2為什麼要使用Vue.js 2
1.2.1單頁套用 2
1.2.2知名的單頁套用（SPA）框架對比 5
1.2.3被騰訊和阿里巴巴所青睞 9
1.2.4用到Vue.js的項目 9
第2章原生的Vue.js 10
2.1極速入門 10
2.2實際項目 11
2.2.1運行整個項目 12
2.2.2HTML代碼的<head>部分 18
2.2.3HTML代碼的<body>部分 19
2.2.4js代碼部分 21
2.2.5小結 25
第3章Webpack+Vue.js開發準備 26
3.1學習過程 26
3.1.1可以跳過的章節 26
3.1.2簡寫說明 26
3.1.3本書例子檔案下載 27
3.2NVM、NPM與Node 27
3.2.1Windows下的安裝 28
3.2.2Linux、Mac下的安裝 31
3.2.3運行 31
3.2.4使用NVM安裝或管理node版本 32
3.2.5刪除NVM 33
3.2.6加快NVM和NPM的下載速度 33
3.3Git在Windows下的使用 34
3.3.1為什麼要使用GitBash 34
3.3.2安裝git客戶端 35
3.3.3使用GitBash 40
3.4Webpack 41
3.4.1Webpack功能 42
3.4.2Webpack安裝與使用 43
3.5開發環境的搭建 44
3.5.1安裝Vue.js 44
3.5.2運行vue 44
3.6Webpack下的Vue.js項目檔案結構 45
3.6.1build資料夾 46
3.6.2config資料夾 46
3.6.3dist資料夾 47
3.6.4node_modules資料夾 47
3.6.5src資料夾 49
第4章Webpack+Vue.js實戰 50
4.1創建一個頁面 50
4.1.1新建路由 50
4.1.2創建一個新的Component 51
4.1.3為頁面添加樣式 52
4.1.4定義並顯示變數 53
4.2Vue.js中的ECMAScript 55
4.2.1let、var、常量與全局變數 55
4.2.2導入代碼：import 56
4.2.3方便其他代碼使用自己:exportdefault{..} 56
4.2.4ES中的簡寫 57
4.2.5箭頭函式=＞57
4.2.6hash中同名的key、value的簡寫 58
4.2.7分號可以省略 58
4.2.8解構賦值 58
4.3Vue.js渲染頁面的過程和原理 59
4.3.1渲染過程1：js入口檔案 59
4.3.2渲染過程2：靜態的HTML頁面（index.html） 61
4.3.3渲染過程3：main.js中的Vue定義 62
4.3.4渲染原理與實例 63
4.4視圖中的渲染 64
4.4.1渲染某個變數 64
4.4.2方法的聲明和調用 65
4.4.3事件處理：v-on 66
4.5視圖中的Directive（指令） 67
4.5.1前提：在directive中使用表達式（Expression） 67
4.5.2循環：v-for 67
4.5.3判斷：v-if 69
4.5.4v-if與v-for的優先權 70
4.5.5v-bind 72
4.5.6v-on 73
4.5.7v-model與雙向綁定 75
4.6傳送http請求 77
4.6.1調用http請求 78
4.6.2遠程接口的格式 80
4.6.3設定Vue.js開發伺服器的代理 81
4.6.4打開頁面，查看http請求 83
4.6.5把結果渲染到頁面中 84
4.6.6如何發起post請求 85
4.7不同頁面間的參數傳遞 86
4.7.1回顧：現有的接口 86
4.7.2顯示部落格詳情頁 87
4.7.3新增路由 88
4.7.4修改部落格列表頁的跳轉方式1：使用事件 89
4.7.5修改部落格列表頁的跳轉方式2：使用v-link 91
4.8路由 92
4.8.1基本用法 92
4.8.2跳轉到某個路由時帶上參數 93
4.8.3根據路由獲取參數 94
4.9使用樣式 94
4.10雙向綁定 96
4.11表單項目的綁定 99
4.12表單的提交 102
4.13Component組件 105
4.13.1如何查看文檔 105
4.13.2Component的重要作用:重用代碼 106
4.13.3組件的創建 106
4.13.4向組件中傳遞參數 108
4.13.5脫離Webpack，在原生Vue.js中創建component 110
第5章運維和發布Vue.js項目 112
5.1打包和部署 112
5.1.1打包 112
5.1.2部署 114
5.2解決域名問題與跨域問題 117
5.2.1域名404問題 118
5.2.2跨域問題 119
5.2.3解決域名問題和跨域問題 120
5.3如何Debug 122
5.3.1時刻留意本地開發伺服器 122
5.3.2看developertools提出的日誌 122
5.3.3查看頁面給出的錯誤提示 123
5.4基本命令 125
5.4.1建立新項目 125
5.4.2安裝所有的第三方包 125
5.4.3在本地運行 126
5.4.4打包編譯 127
第6章進階知識 128
6.1js的作用域與this 128
6.1.1作用域 128
6.1.2this 130
6.1.3實戰經驗 131
6.2Mixin 133
6.3使用ComputedProperties（計算得到的屬性）和watchers（監聽器） 135
6.3.1典型例子 135
6.3.2ComputedProperties與普通方法的區別 136
6.3.3watchedproperty 137
6.3.4ComputedProperty的setter（賦值函式） 140
6.4Component（組件）進階 141
6.4.1實際項目中的Component 142
6.4.2Prop 144
6.4.3Attribute 146
6.5Slot 146
6.5.1普通的Slot 147
6.5.2namedslot 148
6.5.3slot的默認值 149
6.6Vuex 150
6.6.1正常使用的順序 150
6.6.2Computed屬性 154
6.6.3Vuex原理圖 155
6.7Vue.js的生命周期 156
6.8最佳實踐 157
6.9EventHandler事件處理 158
6.9.1支持的Event 158
6.9.2使用v-on進行事件綁定 159
6.10與CSS預處理器結合使用 168
6.10.1SCSS 168
6.10.2LESS 169
6.10.3SASS 170
6.10.4在Vue.js中使用CSS預編譯器 171
6.11自定義Directive 172
6.11.1例子 172
6.11.2自定義Directive的命名方法 173
6.11.3鉤子方法（HookFunctions） 174
6.11.4自定義Directive可以接收到的參數 174
6.11.5實戰經驗 175
第7章實戰周邊及相關工具 176
7.1微信支付 176
7.2HybridApp：混合式App 177
7.3安裝Vue.js的開發工具：Vue.jsdevtool 178
7.4如何閱讀官方文檔 181
第8章實戰項目 183
8.1準備1：文字需求 183
8.2準備2：需求原型圖 186
8.2.1明確前端頁面 186
8.2.2如何畫原型圖 186
8.2.3首頁 186
8.2.4商品列表頁 187
8.2.5商品詳情頁 187
8.2.6購物車頁面 188
8.2.7支付頁面 188
8.2.8我的頁面 189
8.2.9我的訂單列表頁面 189
8.2.10總結 190
8.3準備3：微信的相關賬號和開發者工具 190
8.3.1微信相關賬號的申請 190
8.3.2微信開發者工具 190
8.4項目的搭建 192
8.5用戶的註冊和微信授權 193
8.6登錄狀態的保持 202
8.7首頁輪播圖 203
8.8底部Tab 213
