当前位置:   article > 正文

推荐一本Vue开发的书籍_vue书籍

vue书籍

 《Vue.js 2.x实践指南》其实早在一年前就已经完稿,只是由于疫情的缘故耽搁了许久才下厂印刷。

  本书旨在让初学者能够快速上手vue技术栈,并能够利用所学知识独立动手进行项目开发。我的写作风格一向都是喜欢采用理论和实践相结合的方式,这样学习起来不会那么枯燥,而且极具成效。时间是很宝贵的东西,所以尽量用最少的时间去掌握对自己有帮助知识是非常重要的。

  阅读本书需要具备HTML、CSS和JS基础,本书针对的用户群体主要是:想要快速学习vue技术,并能够用vue进行实际项目开发的读者以及高校计算机专业学生。书中通过一个H5移动应用和一个PC Web应用来讲述了vue的实践应用。

  另外:本书提供PPT课件。

  图书购买地址:

  京东:《Vue.js 2.x实践指南》

  当当:《Vue.js 2.x实践指南》

  天猫:《Vue.js 2.x实践指南》

    学习Vue3推荐:

     Vue3.x+TypeScript实践指南》

  书中示例项目截图:

 

  书目录大纲:

复制代码

  1. 第 1 章 7
  2. ◄ VUE开发前奏 ► 7
  3. 1.1 网站交互方式 8
  4. 1.1.1 多页WEB应用(MPA) 8
  5. 1.1.2 单页WEB应用(SPA) 9
  6. 1.2 前后端分离的开发模式 11
  7. 1.3 前端三大开发框架 12
  8. 1.4 为什么要学习流行框架(MVVM框架) 13
  9. 1.5 框架和库的区别 14
  10. 1.6 模块化和组件化 14
  11. 1.7 后端中的MVC与前端中的MVVM 之间的区别 15
  12. 1.8 NODE.JS安装 16
  13. 1.9 PROMISES介绍 17
  14. 1.9.1 在PROMISES出现之前的文件读取方式 17
  15. 1.9.2 PROMISES基本概念介绍 19
  16. 1.10 ES7语法糖ASYNC/AWAIT 22
  17. 1.11 开发工具 23
  18. 1.11.1 VISUAL STUDIO CODE 24
  19. 1.11.2 VUEDEVTOOLS 25
  20. 1.11.3 CHROME 25
  21. 第 2 章 26
  22. ◄ VUE基础入门 ► 26
  23. 2.1 VUE发展历史 26
  24. 2.2 什么是VUE.JS 27
  25. 2.3 VUE基本代码 27
  26. 2.4 VUE常用指令介绍 30
  27. 2.4.1 V-CLOAK指令 30
  28. 2.4.2 V-HTML指令 32
  29. 2.4.3 V-BIND&V-ON指令 33
  30. 2.4.4 示例:跑马灯特效 34
  31. 2.5 事件修饰符 35
  32. 2.6 V-MODEL双向数据绑定 40
  33. 2.7 V-FOR和KEY属性 42
  34. 2.8 V-IF和V-SHOW 46
  35. 2.9 在VUE中使用样式 47
  36. 2.9.1 使用CLASS样式 47
  37. 2.9.2 使用内联样式 48
  38. 2.10 过滤器 49
  39. 2.10.1 全局过滤器 49
  40. 2.10.2 私有过滤器 50
  41. 2.11 键盘修饰符以及自定义键盘修饰符 51
  42. 2.12 自定义指令 52
  43. 2.13 增删改查示例 53
  44. 第 3 章 58
  45. ◄ VUE进阶 ► 58
  46. 3.1 VUE生命周期 58
  47. 3.2 AXIOS介绍 61
  48. 3.2.1 跨域请求 64
  49. 3.2.2 NODE手写JSONP服务器剖析JSONP原理 65
  50. 3.3 VUE过渡动画 67
  51. 3.3.1 单元素/组件的过渡 67
  52. 3.3.2 列表过渡 73
  53. 第 4 章 75
  54. ◄ VUE组件开发 ► 75
  55. 4.1 组件介绍 75
  56. 4.1.1 全局组件定义的三种方式 75
  57. 4.1.2 使用COMPONENTS定义私有组件 77
  58. 4.1.3 组件中展示数据和响应事件 77
  59. 4.1.4 组件切换 78
  60. 4.2 组件传值 80
  61. 4.2.1 父组件向子组件传值 80
  62. 4.2.2 子组件向父组件传值 81
  63. 4.2.3 事件总线(EVENTBUS) 83
  64. 4.3 组件案例:留言板 85
  65. 4.4 使用REF获取DOM元素和组件引用 88
  66. 4.5 VUEX 90
  67. 4.5.1 安装VUEX 91
  68. 4.5.2 配置VUEX的步骤 91
  69. 4.6 RENDER函数 94
  70. 第 5 章 97
  71. ◄ 路由VUE-ROUTER ► 97
  72. 5.1 什么是路由 97
  73. 5.1.1 前端路由的原生代码实现 97
  74. 5.2 安装VUE-ROUTER的两种方式 98
  75. 5.3 VUE-ROUTER的基本使用 99
  76. 5.3.1 404 101
  77. 5.4 设置选中路由高亮 102
  78. 5.5 为路由切换启动动画 103
  79. 5.6 路由传参QUERY&PARAMS 103
  80. 5.6.1 QUERY 104
  81. 5.6.2 PARAMS 105
  82. 5.7 使用CHILDREN属性实现路由嵌套 105
  83. 5.8 使用命名视图 107
  84. 5.9 WATCH监听 110
  85. 5.10 COMPUTED:计算属性的使用 111
  86. 5.11 WATCH、COMPUTED、METHODS的对比 113
  87. 5.12 NRM的安装及使用 114
  88. 5.1.3 VUE-ROUTER中编程式导航 115
  89. 第 6 章 117
  90. ◄ WEBPACK介绍 ► 117
  91. 6.1 WEBPACK概念的引入 117
  92. 6.2 WEBPACK:最基本的使用方式 118
  93. 6.3 WEBPACK最基本的配置文件的使用 121
  94. 6.4 WEBPACK-DEV-SERVER的基本使用 122
  95. 6.5 使用HTML-WEBPACK-PLUGIN插件 配置启动页面 124
  96. 6.6 WEBPACK-DEV-SERVER的常用命令参数 125
  97. 6.7 WEBPACK-DEV-SERVER配置命令的另一种方式 127
  98. 6.8 LOADER:配置处理CSS样式表的第三方LOADER 127
  99. 6.9 LOADER:分析WEBPACK调用第三方LOADER的过程 129
  100. 6.10 NPM INSTALL --SAVE 、--SAVE-DEV 、 -D、-S、-G 的区别 130
  101. 6.11 LOADER:配置处理LESS文件的LOADER 131
  102. 6.12 LOADER-配置处理SCSS文件的LOADER 131
  103. 6.13 WEBPACK中URL-LOADER的使用 132
  104. 6.14 WEBPACK中使用URL-LOADER处理字体文件 136
  105. 6.15 WEBPACK中BABEL的配置 137
  106. 第 7 章 140
  107. ◄ WEBPACK和VUE的结合 ► 140
  108. 7.1 WEBPACK中导入VUE和普通网页 使用VUE的区别 140
  109. 7.1.1 在WEBPACK中使用VUE 140
  110. 7.1.2 在WEBPACK中配置.VUE组件页面总结 146
  111. 7.2 EXPORT DEFAULT 和 EXPORT 的使用方式 147
  112. 7.3 结合WEBPACK使用VUE-ROUTER 149
  113. 7.4 结合WEBPACK实现CHILDREN子路由 152
  114. 7.5 组件中STYLE标签LANG属性和SCOPED 属性的介绍 153
  115. 7.5.1 重写子组件中的样式 154
  116. 7.6 抽离路由模块 156
  117. 第 8 章 158
  118. ◄ WEBPACK中UI组件的使用 ► 158
  119. 8.1 使用饿了么的MINT UI 组件 158
  120. 8.1.1 BUTTON组件 159
  121. 8.1.2 TOAST组件 160
  122. 8.2 MINT UI按需导入 162
  123. 8.3 MUI介绍 164
  124. 8.4 MUI的使用 164
  125. 8.5 VANT UI 165
  126. 8.6 ELEMENT UI 166
  127. 8.6.1 引入ELEMENT 166
  128. 8.6.2 ELEMENT常见应用场景及解决方案 166
  129. 第 9 章 176
  130. ◄ 移动图书商城 ► 176
  131. 9.1 MOCKJS介绍 176
  132. 9.2 APP首页设计 177
  133. 9.3 使用阿里巴巴矢量库 178
  134. 9.3.1 UNICODE、FONT CLASS和SYMBOL的区别 179
  135. 9.3 APP.VUE 组件的基本设置 181
  136. 9.3.1 设置路由激活时高亮的两种方式: 181
  137. 9.3.2 实现 TABBAR 页签不同组件页面的切换 182
  138. 9.3.3 路由切换添加过渡效果 183
  139. 9.4 首页轮播图 184
  140. 9.4.1 什么是 BASE64 编码? 187
  141. 9.5 首页九宫格 188
  142. 9.6 图书分类组件 191
  143. 9.7 制作顶部滑动导航 194
  144. 9.8 制作图片列表 198
  145. 9.9 在ANDROID手机浏览器中调试APP 201
  146. 9.10 真机调试 202
  147. 9.11 封装轮播组件 204
  148. 9.12 商品详情页 205
  149. 9.12.1 自定义V-TAP指令 208
  150. 9.13 购物车小球动画 209
  151. 9.13.1 GETBOUNDINGCLIENTRECT 211
  152. 9.14 封装购买数量组件 211
  153. 9.15 设计购物车数据存储 213
  154. 9.16 我的购物车 215
  155. 9.17 增加页面返回 220
  156. 9.18 总结 221
  157. 第 10 章 222
  158. ◄ 天下会管理平台 ► 222
  159. 10.1 VUE前端开发规范 222
  160. 10.1.1 统一开发环境 222
  161. 10.1.2 技术框架选型 222
  162. 10.1.3 命名规范 223
  163. 10.1.4 注意事项 224
  164. 10.1.5 ESLINT配置JS语法检查并自动格式化 225
  165. 10.2 通过VUE-CLI来搭建项目 227
  166. 10.3 完善项目结构 230
  167. 10.3.1 设置浏览器图标 230
  168. 10.3.2 完善SRC源码目录结构 230
  169. 10.3.3 引入ELEMENT UI 231
  170. 10.3.4 封装AXIOS请求 231
  171. 10.3.5 AJAX跨域支持 236
  172. 10.3.6 封装全局的CSS变量文件 238
  173. 10.3.7 VUE-WECHAT-TITLE动态修改TITLE 239
  174. 10.3.8 封装全局的配置文件BASE-CONFIG.JS 239
  175. 10.4 项目介绍及其界面设计 240
  176. 10.5 项目设计和分析 242
  177. 10.5.1 帮主首页 242
  178. 10.5.2 其他管理界面 244
  179. 10.5.3 设计路由 248
  180. 10.5.4 设计业务逻辑层 251
  181. 10.5.5 VUEX设计 252
  182. 10.5.6 权限设计 254
  183. 10.5.7 菜单组件 254
  184. 10.6 表单验证 260
  185. 10.7 登录 266
  186. 10.7.1 帐号密码登录 267
  187. 10.7.2 在线生成二维码 270
  188. 10.7.3 制作网站ICO图标 270
  189. 10.7.4 存储登录信息 271
  190. 10.7.5 回车自动登录 272
  191. 10.7.6 防止登录按钮频繁点击 272
  192. 10.8 增删改查列表 273

复制代码

   创作不易,且珍惜~

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/556002
推荐阅读
相关标签
  

闽ICP备14008679号