Vue.js框架与Web前端开发从入门到精通

图书标准信息

• 作者 舒志强
• 出版社 北京大学出版社
• 出版时间 2021-11
• 版次 1
• ISBN 9787301325766
• 定价 79.00元
• 装帧 平装
• 页数 344页

【内容简介】

  《Vue.js框架与Web前端开发从入门到精通》从Vue.js框架技术的基础概念出发，逐步深入Vue.js进阶实战，并在后配合一个网站项目和一个后台系统开发实战案例，重点介绍了使用Vue.js+axios+ElementUI+wangEditor进行前端开发和使用组件进行Vue.js单页面网页复用，让读者不但可以系统地学习Vue.js前端开发框架的相关知识，而且还能对业务逻辑的分析思路、实际应用开发有更为深入的理解。
  《Vue.js框架与Web前端开发从入门到精通》分为11章，包括Vue.js概述；开始Vue.js之旅；初识Vue.js；用axios与后端接口进行数据联动；浅析Router的使用；生命周期和钩子函数解析；组件的灵活使用；Vue.js下的ECharts使用；ElementUI前端框架；实战：上市集团门户网站开发；实战：基于Vue.js框架的后台管理系统开发。
  《Vue.js框架与Web前端开发从入门到精通》语言平实，用词诙谐，案例丰富，实用性强，特别适合刚入社会的职场新人、Vue.js框架的初级读者和进阶读者阅读，也适合希望从后台开发转型做前端的程序员等其他编程爱好者阅读。另外，《Vue.js框架与Web前端开发从入门到精通》也适合作为相关培训机构的教材使用。

【作者简介】

舒志强，从事IT行业12年，负责前端设计、Flash AS2/AS3脚本编写、前端布局开发（JavaScript原生或Vue.js框架）、大数据可视化开发（ECharts）、GIS地图开发（百度）、Java后台接口开发（SSM框架）、整个项目策划与交付。

曾先后为浙江大学水质研究所（现名浙江大学控制科学与工程学院工业控制研究所）、杭州华数传媒电视、银江股份设计项目；与中兴软创有多个合作项目；独立设计完善了杭州未来科技城梦想小镇智慧旅游项目、贵州安顺黄果树二期（关岭县智慧旅游系统）；完成荣盛房地产发展股份有限公司前台和后台的前端开发工作。目前任职于中软国际有限公司高级前端开发工程师。

【目录】

第1章Vue.js概述

1.1Vue.js简介2

1.2Vue.js与其他前端框架的对比4

1.3深入理解双向绑定9

1.4Vue.js的优势12

1.5小结13

第2章开始Vue.js之旅

2.1安装Vue.js开发环境16

2.1.1  Node.js环境安装16

2.1.2  npm安装及参数设置23

2.1.3  用脚手架生成项目目录28

2.1.4  自定义Vue.js模板项目文件31

2.1.5  使用vue-cli3图形界面34

2.1.6  下载、安装、设置VSCode编辑器44

2.2安装VSCode常用第三方包46

2.3在VSCode中开发项目48

2.3.1  在VSCode中创建新项目48

2.3.2  VSCode导入项目51

2.3.3  VSCode快捷键54

2.3.4  在VSCode中安装插件58

2.3.5  在VSCode中运行Vue.js项目62

2.3.6  用VSCode发布项目64

2.4小结67

第3章初识Vue.js

3.1Vue.js项目初始化69

3.1.1  创建一个Vue.js实例69

3.1.2  数据绑定与方法使用70

3.1.3  生命周期钩子函数72

3.1.4  生命周期示意图73

3.2模板语法74

3.2.1  向网页插入文本内容75

3.2.2  原始HTML75

3.2.3  使用JavaScript表达式76

3.2.4  指令参数76

3.2.5  动态参数77

3.2.6  修饰符缩写78

3.2.7  v-bind缩写78

3.2.8  v-on缩写78

3.3计算属性和侦听器79

3.3.1  计算属性79

3.3.2  基础例子79

3.3.3  计算属性缓存vs方法80

3.3.4  计算属性vs侦听属性81

3.3.5  计算属性的setter82

3.3.6  侦听器82

3.4class与style绑定84

3.4.1  绑定HTML class84

3.4.2  绑定内联样式87

3.5条件编译88

3.5.1  在元素上使用v-if条件编译分组89

3.5.2  v-else89

3.5.3  v-else-if89

3.5.4  v-if vs v-show90

3.5.6  v-if与v-for90

3.6列表编译90

3.6.1  用v-for把一个数组对应为一组标签90

3.6.2  在v-for中使用对象91

3.6.3  维护状态92

3.6.4  数组更新检测93

3.6.5  对象变更检测注意事项94

3.6.6  显示过滤/排序后的结果94

3.6.7  在v-for中使用值范围95

3.6.8  在上使用v-for95

3.6.9  在组件上使用v-for95

3.7事件处理97

3.7.1  监听事件98

3.7.2  事件处理方法98

3.7.3  内联处理器中的方法99

3.7.4  事件修饰符99

3.7.5  按键修饰符101

3.7.6  按键码101

3.7.7  系统修饰键101

3.7.8  鼠标按钮修饰符102

3.7.9  为什么在HTML中监听事件103

3.8表单输入绑定103

3.8.1  文本103

3.8.2  多行文本104

3.8.3  复选框104

3.8.4  单选按钮104

3.8.5  选择框105

3.8.6  值绑定106

3.8.7  修饰符108

3.8.8  在组件上使用v-model108

3.9组件基础108

3.9.1  基本示例109

3.9.2  组件的复用109

3.9.3  data一定要是一个函数109

3.9.4  组件的组织110

3.9.5  通过prop向子组件传递数据111

3.9.6  单个根标签112

3.9.7  监听子组件事件113

3.9.8  使用事件抛出一个值114

3.9.9  在组件上使用v-model115

3.9.10  通过插槽分发内容116

3.9.11  动态组件116

3.9.12  解析DOM模板时的注意事项117

3.10小结117

第4章用axios与后端接口进行数据联动

4.1axios概要119

4.2axios方法的基本使用120

4.2.1  axios的安装120

4.2.2  axios请求方法及别名（get方法）121

4.2.3  axios请求方法及别名（post和put方法）124

4.2.4  axios请求方法及别名（delete方法）130

4.2.5  并发请求133

4.3axios方法深入135

4.3.1  创建axios实例135

4.3.2  实例的相关配置136

4.3.3  常用参数配置具体使用方法138

4.3.4  拦截器139

4.3.5  错误处理141

4.3.6  取消请求143

4.4axios实战144

4.4.1  项目环境配置144

4.4.2  接口的调试147

4.4.3  联系人列表151

4.4.4  添加、编辑联系人155

4.4.5  保存联系人157

4.4.6  删除联系人162

4.4.7  axios的进一步封装164

4.5小结168

第5章浅析Router的使用

5.1Router基础170

5.1.1  起步170

5.1.2  动态路由匹配172

5.1.3  嵌套路由176

5.1.4  编程式的导航179

5.1.5  命名路由180

5.1.6  命名视图181

5.1.7  重定向和别名183

5.2小结185

第6章生命周期和钩子函数解析

6.1beforeCreate钩子函数187

6.2created钩子函数187

6.3mounted钩子函数188

6.4updated钩子函数188

6.5beforeDestroy钩子函数189

6.6小结189

第7章组件的灵活使用

7.1组件注册191

7.1.1  组件名191

7.1.2  全局注册vs局部注册192

7.2prop193

7.2.1  prop的大小写193

7.2.2  prop类型193

7.2.3  传递静态或动态prop194

7.2.4  prop验证196

7.3自定义事件197

7.3.1  事件名197

7.3.2  自定义组件的v-model198

7.4小结199

第8章Vue.js下的ECharts使用

8.1搭建ECharts开发环境201

8.2ECharts使用202

8.2.1  饼图202

8.2.2  柱状图210

8.2.3  曲线图218

8.2.4  散点图224

8.2.5  雷达图230

8.2.6  标签图237

8.3小结240

第9章ElementUI前端框架

9.1ElementUI框架概述242

9.2搭建ElementUI开发环境243

9.3基础组件243

9.4表单组件250

9.5数据显示组件271

9.6提示通知类组件275

9.7导航菜单类组件280

9.8其他组件284

9.9小结290

第10章实战：上市集团门户网站开发

10.1路由框架搭建292

10.2业务目录安排299

10.3开发文件配置300

10.4公共方法编写304

10.5公共样式编写306

10.6页面效果实现312

10.7小结314

第11章实战：基于Vue.js框架的后台管理系统开发

11.1路由框架搭建316

11.2业务目录安排320

11.3开发文件配置321

11.4公共方法编写330

11.5公共样式编写332

11.6页面效果实现332

11.7小结336