-
内容大纲
本书循序渐进地介绍了Vue框架的用法,主要内容包括前后端分离的基本原理、MVVM设计模式、Vue的基本用法、内置指令、自定义指令、计算属性和数据监听、绑定表单、绑定CSS样式、CSS过渡和动画、Vue组件的开发、Vue CLI脚手架工具、路由管理器、组合API、Axios和状态管理等。
本书内容通俗易懂,案例丰富,理论和实践紧密结合。本书的范例采用Vue3,最后一章提供了一个整合前端与后端的综合案例,帮助读者迅速掌握开发实用Web应用的技巧。
本书适合所有前端Web开发人员阅读,无论是初学者还是已经有开发经验的从业人员,都能从本书中受益。另外,本书也适合作为相关培训机构的教材。 -
作者介绍
-
目录
第1章 Vue简介
1.1 MVVM设计模式
1.2 Vue框架的特点
1.3 第一个Vue范例
1.3.1 把模型数据绑定到视图
1.3.2 把视图上的输入数据与模型绑定
1.3.3 改变模型数据对视图的影响
1.4 Vue组件的选项
1.4.1 data选项
1.4.2 template选项
1.4.3 methods选项
1.5 Vue组件实例的生命周期
1.6 Vue编译模板和渲染DOM的基本原理
1.6.1 编译模板
1.6.2 渲染DOM
1.7 异步渲染DOM
1.8 防抖动函数debounce()
1.9 Vue的开发和调试工具
1.9.1 NPM
1.9.2 vue-devtools调试工具
1.10 小结
1.11 思考题
第2章 Vue指令
2.1 内置Vue指令
2.1.1 v-bind指令
2.1.2 v-model指令
2.1.3 v-show指令
2.1.4 v-if/v-else-if/v-else指令
2.1.5 v-for指令
2.1.6 v-on指令
2.1.7 v-on指令的事件修饰符
2.1.8 v-text指令
2.1.9 v-html指令
2.1.10 v-pre指令
2.1.11 v-once指令
2.1.12 v-cloak指令
2.2 自定义Vue指令
2.2.1 注册自定义指令
2.2.2 自定义指令的钩子函数
2.2.3 自定义指令的动态参数和动态值
2.2.4 把对象字面量赋值给自定义指令
2.2.5 钩子函数简写
2.2.6 自定义指令范例:v-img指令
2.2.7 自定义指令范例:v-dmg指令
2.2.8 自定义指令范例:v-clickoutside指令
2.3 小结
2.4 思考题
第3章 计算属性和数据监听
3.1 计算属性
3.1.1 读写计算属性
3.1.2 比较计算属性和方法
3.1.3 用计算属性过滤数组
3.1.4 计算属性实用范例:实现购物车
3.2 数据监听
3.2.1 用Web Worker执行数据监听中的异步操作
3.2.2 在watch选项中调用方法
3.2.3 比较同步操作和异步操作
3.2.4 深度监听
3.2.5 立即监听
3.2.6 比较计算属性和数据监听watch选项
3.3 Vue的响应式系统的基本原理
3.4 小结
3.5 思考题
第4章 绑定表单
4.1 绑定文本域
4.2 绑定单选按钮
……
第5章 绑定CSS样式
第6章 CSS过渡和动画
第7章 Vue组件开发基础
第8章 Vue组件开发高级技术
第9章 render()函数和虚拟DOM
第10章 Vue CLI脚手架工具
第11章 Vue Router路由管理器
第12章 组合API
第13章 通过Axios访问服务器
第14章 通过Vuex进行动态管理
第15章 创建综合购物网站应用
附录A 思考题答案
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-

孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-

时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-

本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...
[
