Vue.js快速入門 ( 簡體 字) |
| 作者：申思維 | 類別：1. -> 程式設計 -> 網路編程 -> Vue.js |
| 譯者： |
| 出版社：清華大學出版社 |  3dWoo書號： 50543
詢問書籍請說出此書號！【有庫存】
NT售價： 295 元 |
| 出版日：1/1/2019 |
| 頁數：240 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787302517542 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：本書是根據筆者公司過去兩年多的實際項目經驗編寫的。
筆者從2016年經營自己的軟件公司，到2018年6月，做了近三十個項目。這些項目中，對于手機端的Webpack呼聲最高，大部分項目都要求在手機端使用Webpack打包。
在使用Vue.js之前，筆者考察過Angular（包括1.x、2.x版本)、React、Meteor，這幾個框架都適合做快速開發。要么是學習曲線陡峭，概念復雜，把簡單的事情復雜化（如Angular），要么就是編碼風格不好，前后端代碼混寫在一起（如React、Meteor)。而Vuejs是當時在stackoverflow等國外技術站點上被一致看好的技術。
第一次使用Vuejs 1.x是在2016年4月，我們發現Vue.js入門特別快，稍微有一定Webpack 開發經驗的程序員，在一周內就可以上手做項目，認真學習的話，一個月就可以達到熟練水平（快速的開發項目），兩三個月就可以達到高級水平（熟練使用Vuex，自己寫Component等）。這么快的上手速度，在其他語言中是不可想象的。根據筆者的實際體會，使用Angular入門僅需要一個月，使用React入門速度也沒有這么快。總之，越是簡潔的框架，就越好學。
后來，筆者在項目中使用它，一發不可收拾，只要是H5項目，就可以很好地用起來。快速開發，快速迭代，性能“杠杠”的。而且，額外的好處就是可以非常好地與Native App的開發結合。在iOS上可以做到完美呈現，讓人無法分辨哪個頁面是原生，哪個頁面是H5制作的。
學習目標
本書是筆者公司的員工培訓教程，可以在極短的時間內（如一周）上手Vue.js項目。 讓讀者：
? 看得懂代碼。
? 可以寫一些基本的功能。
? 可以調試和部署。
這就算入門H5開發了。
使用說明
如果把文檔分成兩類：
? guide，教程型文檔。
? API，接口型文檔。
本文檔就是入門的教程式文檔，在線查看地址。
本書使用gitbook寫成，可以自行編譯。
本書中出現的命令行統一以$作為開始。例如：
$ npm install vue-cli
對命令行不熟悉的讀者，在寫命令時跳過前面的 $ 即可。
源代碼下載
本書中所有的示例源代碼，都可以在上找到。
版本說明
截至2018年6月底，Vue.js的版本是2.5.16。本書中的大部分示例都是在該版本下演示的。
如果您是一位沒有任何工作經驗的新人，在Windows 環境下，建議使用 sublime（免費）+git bash（免費），就可以運行本書中的所有例子了。如果您是一名有工作經驗的老鳥，那么Linux、Mac則是非常好的選擇。
那么，我們就開始一段令人興奮的學習歷程吧。
編 者
2018年9月 |
內容簡介：目前單頁應用框架層出不窮，其中Vue.js是十分耀眼的項目之一，受到國內外開發人員的極度推崇。
全書分為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
8.9商品列表頁 217
8.10商品詳情頁 219
8.11購物車 225
8.13微信支付 233
8.14回顧 244 |
| 序： |
