與傳統的Web應用不同，單頁應用在近幾年發展迅猛。國外的典型產品是Gmail，為傳統的Web頁面注入了意想不到的活力，國內則是由於的迅猛發展，單頁應用在手機端表現性能十分優異，使用越來越流行。 目前來看，Vue.js作為極其耀眼的項目之一，學習起來快速直接，受到國內開發人員的推崇，許多知名應用也紛紛使用本框架。可以認為，Vue.js框架直接衝擊了老牌的Angular和React，是未來的主流單頁應用框架。

●目 錄第1章 Vue.js概述11.1 單頁應用的出現11.2 為什麼要使用Vue.js21.2.1 單頁應用21.2.2 知名的單頁應用（SPA）框架對比51.2.3 被騰訊和阿裡巴巴所青睞91.2.4 用到Vue.js的項目9第2章 原生的Vue.js102.1 極速入門102.2 實際項目112.2.1 運行整個項目122.2.2 HTML代碼的部分182.2.3 HTML代碼的部分192.2.4 js代碼部分212.2.5 小結25第3章 Webpack+Vue.js開發準備263.1 學習過程263.1.1 可以跳過的章節263.1.2 簡寫說明263.1.3 本書例子文件下載273.2 NVM、NPM與Node273.2.1 Windows下的安裝283.2.2 Linux、Mac下的安裝313.2.3 運行313.2.4 使用NVM安裝或管理node版本323.2.5 刪除NVM333.2.6 加快NVM和NPM的下載速度333.3 Git在Windows下的使用343.3.1 為什麼要使用Git Bash343.3.2 安裝git客戶端353.3.3 使用Git Bash403.4 Webpack413.4.1 Webpack功能423.4.2 Webpack安裝與使用433.5 開發環境的搭建443.5.1 安裝Vue.js443.5.2 運行 vue443.6 Webpack下的Vue.js項目文件結構453.6.1 build文件夾463.6.2 config 文件夾463.6.3 dist文件夾473.6.4 node_modules 文件夾473.6.5 src 文件夾49第4章 Webpack+Vue.js實戰504.1 創建一個頁面504.1.1 新建路由504.1.2 創建一個新的Component514.1.3 為頁面添加樣式524.1.4 定義並顯示變量534.2 Vue.js中的ECMAScript554.2.1 let、var、常量與全局變量554.2.2 導入代碼：import564.2.3 方便其他代碼使用自己: export default {..}564.2.4 ES中的簡寫574.2.5 箭頭函數=>574.2.6 hash中同名的key、value的簡寫584.2.7 分號可以省略584.2.8 解構賦值584.3 Vue.js 渲染頁面的過程和原理594.3.1 渲染過程1：js入口文件594.3.2 渲染過程2：靜態的HTML頁面（index.html）614.3.3 渲染過程3：main.js中的Vue定義624.3.4 渲染原理與實例634.4 視圖中的渲染644.4.1 渲染某個變量644.4.2 方法的聲明和調用654.4.3 事件處理：v-on664.5 視圖中的Directive（指令）674.5.1 前提：在directive中使用表達式（Expression）674.5.2 循環：v-for674.5.3 判斷：v-if694.5.4 v-if與v-for的優先級704.5.5 v-bind724.5.6 v-on734.5.7 v-model 與雙向綁定754.6 發送http請求774.6.1 調用http請求784.6.2 遠程接口的格式804.6.3 設置Vue.js開發服務器的代理814.6.4 打開頁面，查看http請求834.6.5 把結果渲染到頁面中844.6.6 如何發起post請求854.7 不同頁面間的參數傳遞864.7.1 回顧：現有的接口864.7.2 顯示博客詳情頁874.7.3 新增路由884.7.4 修改博客列表頁的跳轉方式1：使用事件894.7.5 修改博客列表頁的跳轉方式2：使用v-link914.8 路由924.8.1 基本用法924.8.2 跳轉到某個路由時帶上參數934.8.3 根據路由獲取參數944.9 使用樣式944.10 雙向綁定964.11 表單項目的綁定994.12 表單的提交1024.13 Component 組件1054.13.1 如何查看文檔1054.13.2 Component的重要作用: 重用代碼1064.13.3 組件的創建1064.13.4 向組件中傳遞參數1084.13.5 脫離Webpack，在原生Vue.js中創建component110第5章 運維和發布Vue.js項目1125.1 打包和部署1125.1.1 打包1125.1.2 部署1145.2 解決域名問題與跨域問題1175.2.1 域名404 問題1185.2.2 跨域問題1195.2.3 解決域名問題和跨域問題1205.3 如何Debug1225.3.1 時刻留意本地開發服務器1225.3.2 看developer tools提出的日志1225.3.3 查看頁面給出的錯誤提示1235.4 基本命令1255.4.1 建立新項目1255.4.2 安裝所有的第三方包1255.4.3 在本地運行1265.4.4 打包編譯127第6章 進階知識1286.1 js的作用域與this1286.1.1 作用域1286.1.2 this1306.1.3 實戰經驗1316.2 Mixin1336.3 使用Computed Properties（計算得到的屬性）和watchers（監聽器）1356.3.1 典型例子1356.3.2 Computed Properties 與 普通方法的區別1366.3.3 watched property1376.3.4 Computed Property的setter（賦值函數)1406.4 Component（組件）進階1416.4.1 實際項目中的Component1426.4.2 Prop1446.4.3 Attribute1466.5 Slot1466.5.1 普通的Slot1476.5.2 named slot1486.5.3 slot 的默認值1496.6 Vuex1506.6.1 正常使用的順序1506.6.2 Computed屬性1546.6.3 Vuex原理圖1556.7 Vue.js的生命周期1566.8 很好實踐1576.9 Event Handler 事件處理1586.9.1 支持的Event1586.9.2 使用 v-on 進行事件綁定1596.10 與CSS預處理器結合使用1686.10.1 SCSS1686.10.2 LESS1696.10.3 SASS1706.10.4 在Vue.js中使用CSS預編譯器1716.11 自定義 Directive1726.11.1 例子1726.11.2 自定義Directive的命名方法1736.11.3 鉤子方法（Hook Functions）1746.11.4 自定義Directive可以接收到的參數1746.11.5 實戰經驗175第7章 實戰周邊及相關工具1767.1 支付1767.2 Hybrid App：混合式App1777.3 安裝 Vue.js的開發工具： Vue.js devtool1787.4 如何閱讀官方文檔181第8章 實戰項目1838.1 準備1：文字需求1838.2 準備2：需求原型圖1868.2.1 明確前端頁面1868.2.2 如何畫原型圖1868.2.3 首頁1868.2.4 商品列表頁1878.2.5 商品詳情頁1878.2.6 購物車頁面1888.2.7 支付頁面1888.2.8 我的頁面1898.2.9 我的訂單列表頁面1898.2.10 總結1908.3 準備3：的相關賬號和開發者工具1908.3.1 相關賬號的申請1908.3.2 開發者工具1908.4 項目的搭建1928.5 用戶的注冊和授權1938.6 登錄狀態的保持2028.7 首頁輪播圖2038.8 底部Tab2138.9 商品列表頁2178.10 商品詳情頁2198.11 購物車2258.13 支付2338.14 回顧244

目前單頁應用框架層出不窮，其中Vue.js是十分耀眼的項目之一，受到國內外開發人員的靠前推崇。全書分為8章，內容包括Vue.js概述、Vue.js的安裝、定義頁面、渲染視圖、路由、發送HTTP請求、表單的綁定和提交、打包、部署、解決js的跨域問題、Debug、Component、Mixin、Vuex、頁面的生命周期等，最後還給出一個實戰案例供讀者了解Vue.js項目開發過程。本書適合Vue.js初學者、Web前端開發人員，也適合高等院校和培訓學校的師生教學參考。

申思維 著