Vue學習官網和Vue的書籍 目錄結構


Vue基礎知識學習網站【中文】

https://cn.vuejs.org/v2/guide/

 Vue路由知識學習網站【中文】

https://router.vuejs.org/zh/guide/

 Vuex更為復雜的Vue知識學習網站【中文】

https://vuex.vuejs.org/zh/

Vue腳手架搭建和使用學習網站【中文】

https://cli.vuejs.org/zh/guide/

 

 Vue自學可以參考的博客,博客中有demo

https://www.cnblogs.com/keepfool/p/5657065.html

https://www.xiuyuan.info/?p=115


https://www.cnblogs.com/keepfool/p/5619070.html

https://www.cnblogs.com/wisewrong/p/6277262.html

 

第1章 Vue.js簡介
1.1 Vue.js是什么 1
1.2 為什么要用Vue.js 2
1.3 Vue.js的Hello world 2

第2章 基礎特性
2.1 實例及選項 5
2.1.1 模板 6
2.1.2 數據 7
2.1.3 方法 9
2.1.4 生命周期 10
2.2 數據綁定 12
2.2.1 數據綁定語法 13
2.2.2 計算屬性 17
2.2.3 表單控件 18
2.2.4 Class與Style綁定 21
2.3 模板渲染 22
2.3.1 前后端渲染對比 23
2.3.2 條件渲染 23
2.3.3 列表渲染 25
2.3.4 template標簽用法 27
2.4 事件綁定與監聽 28
2.4.1 方法及內聯語句處理器 28
2.4.2 修飾符 29
2.4.3 與傳統事件綁定的區別 30
2.5 Vue.extend() 31

第3章 指令
3.1 內置指令 32
3.1.1 v-bind 32
3.1.2 v-model 33
3.1.3 v-if-else-show 33
3.1.4 v-for 33
3.1.5 v-on 34
3.1.6 v-text 34
3.1.7 v-HTML 35
3.1.8 v-el 35
3.1.9 v-ref 35
3.1.10 v-pre 36
3.1.11 v-cloak 36
3.1.12 v-once 37

3.2 自定義指令基礎 37
3.2.1 指令的注冊 37
3.2.2 指令的定義對象 37
3.2.3 指令實例屬性 39
3.2.4 元素指令 40
3.3 指令的高級選項 41
3.3.1 params 41
3.3.2 deep 42
3.3.3 twoWay 43
3.3.4 acceptStatement 44
3.3.5 terminal 44
3.3.6 priority 45
3.4 指令在Vue.js 2.0中的變化 46
3.4.1 新的鈎子函數 46
3.4.2 鈎子函數實例和參數變化 46
3.4.3 update函數觸發變化 47
3.4.4 參數binding對象 47

第4章 過濾器
4.1 過濾器注冊 48
4.2 雙向過濾器 49
4.3 動態參數 50
4.4 過濾器在Vue.js 2.0中的變化 51

第5章 過渡
5.1 CSS過渡 52
5.1.1 CSS過渡的用法 52
5.1.2 CSS過渡鈎子函數 54
5.1.3 顯示聲明過渡類型 57
5.1.4 自定義過渡類名 57
5.2 JavaScript過渡 58
5.2.1 Velocity.js 58
5.2.2 JavaScript過渡使用 58
5.3 過渡系統在Vue.js 2.0中的變化 59
5.3.1 用法變化 59
5.3.2 類名變化 60
5.3.3 鈎子函數變化 61
5.3.4 transition-group 63

第6章 組件
6.1 組件注冊 65
6.1.1 全局注冊 65
6.1.2 局部注冊 66
6.1.3 注冊語法糖 67
6.2 組件選項 67
6.2.1 組件選項中與Vue選項的區別 67
6.2.2 組件Props 68
6.3 組件間通信 71
6.3.1 直接訪問 71
6.3.2 自定義事件監聽 72
6.3.3 自定義事件觸發機制 72
6.3.4 子組件索引 75
6.4 內容分發 76
6.4.1 基礎用法 76
6.4.2 編譯作用域 77
6.4.3 默認slot 78
6.4.4 slot屬性相同 79
6.4.5 Modal實例 79
6.5 動態組件 82
6.5.1 基礎用法 82
6.5.2 keep-alive 83
6.5.3 activate 鈎子函數 84
6.6 Vue.js 2.0中的變化 85
6.6.1 event 85
6.6.2 keep-alive 86
6.6.3 slot 87
6.6.4 refs 87

第7章 Vue.js常用插件
7.1 Vue-router 88
7.1.1 引用方式 88
7.1.2 基本用法 89
7.1.3 嵌套路由 90
7.1.4 路由匹配 92
7.1.5 具名路由 93
7.1.6 路由對象 93
7.1.7 v-link 94
7.1.8 路由配置項 95
7.1.9 route鈎子函數 96
7.1.10 路由實例屬性及方法 99
7.1.11 vue-router 2.0 的變化 100
7.2 Vue-resource 104
7.2.1 引用方式 104
7.2.2 使用方式 105
7.2.3 $http的api方法和選項參數 105
7.2.4 攔截器 107
7.2.5 $resource用法 107
7.2.6 封裝Service層 109
7.3 Vue-devtools 109
7.3.1 安裝方式 110
7.3.2 使用效果 110

第8章 Vue.js工程實例
8.1 准備工作 111
8.1.1 webpack 111
8.1.2 vue-loader 113
8.2 目錄結構 115
8.3 前端開發 117
8.4 后端聯調 122
8.5 部署上線 124
8.5.1 生成線上文件 124
8.5.2 nginx 125
8.5.3 gitlab 126
8.5.4 jenkins 127

第9章 狀態管理:Vuex
9.1 概述 130
9.2 簡單實例 131
9.2.1 所需組件 131
9.2.2 創建並注入store 132
9.2.3 創建action及組件調用方式 133
9.2.4 創建mutation 134
9.2.5 組件獲取state 135
9.3 嚴格模式 137
9.4 中間件 137
9.4.1 快照 138
9.4.2 logger 138
9.5 表單處理 139
9.6 目錄結構 142
9.6.1 簡單項目 142
9.6.2 大型項目 143
9.7 實例 145
9.7.1 state結構 146
9.7.2 actions.js 148
9.7.3 app.js 148
9.7.4 組件結構 148
9.7.5 base組件 152
9.7.6 展示結果 154
9.8 Vue.js 2.0的變化 155
9.8.1 State 155
9.8.2 Getters 156
9.8.3 Mutations 157
9.8.4 Actions 157
9.8.5 Modules 159

第10章 跨平台開發:Weex
10.1 Weex簡介 161
10.2 Weex安裝 162
10.2.1 ios環境安裝 162
10.2.2 android環境安裝 163
10.2.3 web端運行 164
10.3 Weex實例與運行 164
10.4 Weex基礎語法 168
10.4.1 數據綁定 168
10.4.2 事件綁定 169
10.4.3 模板邏輯 169
10.5 Weex內置組件 170
10.5.1 scroller 170
10.5.2 list 171
10.5.3 Switch 172
10.5.4 Slider 172
10.5.5 wxc-tabbar 174
10.5.6 wxc-navpage 175
10.6 Weex內置模塊 176
10.6.1 dom 176
10.6.2 steam 177
10.6.3 modal 178
10.6.4 animation 179
10.6.5 webview 180
10.6.6 navigator 181
10.6.7 storage 182

第11章 Vue.js 2.0新特性
11.1 Render函數 183
11.1.1 createElement用法 184
11.1.2 使用案例 185
11.1.3 函數化組件 186
11.1.4 JSX 187
11.2 服務端渲染 188
11.2.1 vue-server-renderer 188
11.2.2 簡單實例 189
11.2.3 緩存和流式響應 191
11.2.4 SPA實例 193


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM