正版新书]循序渐进Vue.js 3.x前端开发实战张益珲、曹艳琴978730

第1章从前端基础到Vue.js31

1.1前端技术演进1

1.2HTML入门2

1.2.1准备开发工具3

1.2.2HTML中的基础标签5

1.3CSS入门7

1.3.1CSS选择器入门8

1.3.2CSS样式入门10

1.4JavaScript入门13

1.4.1为什么需要JavaScript13

1.4.2JavaScript语法简介15

1.5渐进式开发框架Vue17

1.5.1第一个Vue应用17

1.5.2范例演练：实现一个简单的用户登录页面19

1.5.3Vue3的新特性21

1.5.4为什么要使用Vue框架22

1.6小结与练习23

第2章Vue模板应用24

2.1模板基础24

2.1.1模板插值25

2.1.2模板指令28

2.2条件渲染29

2.2.1使用v-if指令进行条件渲染30

2.2.2使用v-show指令进行条件渲染32

2.3循环渲染33

2.3.1v-for指令的使用方法33

2.3.2v-for指令的高级用法36

2.4范例演练：实现待办任务列表应用38

2.4.1步骤一：使用HTML搭建应用框架结构38

2.4.2步骤二：实现待办任务列表的逻辑开发39

2.5小结与练习40

第3章Vue组件的属性和方法41

3.1属性与方法基础41

3.1.1属性基础42

3.1.2方法基础42

3.2计算属性和侦听器43

3.2.1计算属性43

3.2.2使用计算属性还是函数44

3.2.3计算属性的赋值45

3.2.4属性侦听器46

3.3进行函数限流48

3.3.1手动实现一个简易的限流函数48

3.3.2使用Lodash库进行函数限流50

3.4表单数据的双向绑定50

3.4.1文本输入框50

3.4.2多行文本输入区域51

3.4.3复选框与单选框52

3.4.4选择列表53

3.4.5两个常用的修饰符53

3.5样式绑定54

3.5.1为HTML标签绑定class属性54

3.5.2绑定内联样式56

3.6范例演练：实现一个功能完整的用户注册页面57

3.6.1步骤一：搭建用户注册页面57

3.6.2步骤二：实现注册页面的用户交互60

3.7小结与练习62

第4章处理用户交互63

4.1事件的监听与处理63

4.1.1事件监听示例63

4.1.2多事件处理65

4.1.3事件修饰符66

4.2Vue中的事件类型68

4.2.1常用事件类型68

4.2.2按键修饰符70

4.3范例演练：随鼠标移动的小球72

4.4范例演练：弹球游戏74

4.5小结与练习77

第5章组件基础79

5.1Vue应用与组件79

5.1.1Vue应用的数据配置选项79

5.1.2定义组件81

5.2组件中数据与事件的传递82

5.2.1为组件添加外部属性83

5.2.2处理组件事件84

5.2.3在组件上使用v-model指令85

5.3自定义组件的插槽88

5.3.1组件插槽的基本用法88

5.3.2多具名插槽的用法90

5.4动态组件的简单应用91

5.5范例演练：开发一款小巧的开关按钮组件93

5.6小结与练习95

第6章组件进阶97

6.1组件的生命周期与高级配置97

6.1.1生命周期方法98

6.1.2应用的全局配置选项101

6.1.3组件的注册方式102

6.2组件props属性的高级用法103

6.2.1对props属性进行验证103

6.2.2props的只读性质106

6.2.3组件数据注入107

6.3组件Mixin技术110

6.3.1使用Mixin来定义组件110

6.3.2Mixin选项的合并112

6.3.3进行全局Mixin113

6.4使用自定义指令114

6.4.1认识自定义指令114

6.4.2自定义指令的参数115

6.5组件的Teleport功能116

6.6小结与练习118

第7章Vue响应式编程119

7.1响应式编程的原理与在Vue中的应用119

7.1.1手动追踪变量的变化119

7.1.2Vue中的响应式对象122

7.1.3独立的响应式值Ref的应用124

7.2响应式的计算与监听126

7.2.1关于计算变量126

7.2.2监听响应式变量128

7.3组合式API的应用130

7.3.1关于setup方法130

7.3.2在setup方法中定义生命周期行为132

7.4范例演练：实现支持搜索和筛选的用户列表133

7.4.1常规风格的示例工程开发133

7.4.2使用组合式API重构用户列表页面136

7.5小结与练习139

第8章动画140

8.1使用CSS3创建动画140

8.1.1transition过渡动画140

8.1.2keyframes动画142

8.2使用JavaScript的方式实现动画效果144

8.3Vue过渡动画145

8.3.1定义过渡动画145

8.3.2设置动画过程中的监听回调149

8.3.3多个组件的过渡动画150

8.3.4列表过渡动画152

8.4范例演练：优化用户列表页面154

8.5小结与练习155

第9章VueCLI工具的使用156

9.1VueCLI工具入门156

9.1.1VueCLI工具的安装156

9.1.2快速创建项目158

9.2VueCLI项目模板工程160

9.2.1模板工程的目录结构160

9.2.2运行Vue项目工程164

9.3在项目中使用依赖165

9.4工程构建167

9.5新一代前端构建工具Vite168

9.5.1Vite与VueCLI168

9.5.2体验Vite构建工具169

9.6小结与练习170

第10章ElementPlus基于Vue3的UI组件库171

10.1ElementPlus入门171

10.1.1ElementPlus的安装与使用172

10.1.2按钮组件174

10.1.3标签组件177

10.1.4空态图与加载占位图组件179

10.1.5图片与头像组件183

10.2表单类组件184

10.2.1单选框与多选框184

10.2.2标准输入框组件186

10.2.3带推荐列表的输入框组件188

10.2.4数字输入框190

10.2.5选择列表191

10.2.6多级列表组件194

10.3开关与滑块组件196

10.3.1开关组件196

10.3.2滑块组件197

10.4选择器组件199

10.4.1时间选择器199

10.4.2日期选择器201

10.4.3颜色选择器202

10.5提示类组件203

10.5.1警告组件203

10.5.2消息提示204

10.5.3通知组件205

10.6数据承载相关组件206

10.6.1表格组件206

10.6.2导航菜单组件209

10.6.3标签页组件211

10.6.4抽屉组件212

10.6.5布局容器组件213

10.7实战：教务系统学生表214

10.8小结与练习218

第11章基于Vue的网络框架vue-axios的应用219

11.1使用vue-axios请求天气数据219

11.1.1使用互联网上免费的数据服务219

11.1.2使用vue-axios进行数据请求221

11.2vue-axios实用功能介绍224

11.2.1通过配置的方式进行数据请求224

11.2.2请求的配置与响应数据结构225

11.2.3的使用226

11.3范例演练：天气预报应用227

11.3.1搭建页面框架227

11.3.2实现天气预报应用的核心逻辑230

11.4小结与练习231

第12章Vue路由管理232

12.1VueRouter的安装与简单使用232

12.1.1VueRouter的安装233

12.1.2一个简单的VueRouter的使用示例233

12.2带参数的动态路由235

12.2.1路由参数匹配235

12.2.2路由匹配的语法规则237

12.2.3路由的嵌套239

12.3页面导航240

12.3.1使用路由方法240

12.3.2导航历史控制242

12.4关于路由的命名242

12.4.1使用名称进行路由切换243

12.4.2路由视图命名243

12.4.3使用别名244

12.4.4路由重定向245

12.5关于路由传参246

12.6路由导航守卫247

12.6.1定义全局的导航守卫247

12.6.2为特定的路由注册导航守卫248

12.7动态路由250

12.8小结与练习252

第13章Vue状态管理253

13.1认识Vuex框架253

13.1.1关于状态管理253

13.1.2安装与体验Vuex255

13.2Vuex中的一些核心概念258

13.2.1Vuex中的状态state258

13.2.2Vuex中的Getter方法259

13.2.3Vuex中的Mutation261

13.2.4Vuex中的Action262

13.2.5Vuex中的Module263

13.3小结与练习266

第14章实战项目：开发一个学习笔记网站267

14.1网站框架的搭建267

14.2配置专题与文章目录272

14.3渲染文章笔记内容275

14.4小结与练习279

第15章实战项目：电商后台管理系统实战280

15.1用户登录模块开发280

15.1.1项目搭建280

15.1.2用户登录页面开发283

15.2项目主页搭建286

15.2.1主页框架搭建286

15.2.2完善注销功能289

15.3订单管理模块开发290

15.3.1使用Mock.js进行模拟数据的生成290

15.3.2编写工具类与全局样式291

15.3.3完善订单管理页面292

15.4商品管理模块的开发298

15.4.1商品管理列表页的开发298

15.4.2新增商品之基础配置303

15.4.3新增商品之价格和库存配置306

15.4.4新增商品之详情设置309

15.4.5添加商品分类311

15.5店长管理模块的开发313

15.5.1店长列表开发313

15.5.2店长审批列表与店长订单316

15.6财务管理与数据统计功能模块开发317

15.6.1交易明细与财务对账单318

15.6.2数据统计模块开发319

15.7小结与练习323

张益珲，美国亚利桑那州立大学计算机工程技术硕士，架构师，从业近10年，多年大前端开发经验，曾就职于知名上市公司，主导开发过多款商业级应用程序，对移动跨平台开发、前端开发，以及Vue.js 、React、Flutter、小程序与iOS开发都拥有丰富经验。开源中国特邀技术专家，发表相关技术博文400余篇，访问量超过100万次。出版技术图书《循序渐进Vue.js 3前端开发实战》《微信小程序与云开发从入门到实践》《Swift 5从零到精通iOS开发训练营》等多部。

曹艳琴，武汉大学计算机应用技术专业硕士，从业二十余年，致力于大前端技术架构的课程设计与教学工作，对小程序、前端框架Vue.js、React与H5相关程序设计拥有丰富经验。

1.以当前近期新稳定版本Vue.js 3.x为基础，是一本相当通俗易学的实战教程，从原理到实践，娓娓道来，看得懂，学得会，亲和感很好。
2.作者是前端开发专家，有近十年开发经验，确保本书来自一线，所学内容可以马上用于实践，而非纸上谈兵，对于初学者来说，学习技术和求职都适用。
3.作者从回答为什么使用Vue.js这个问题入手，向读者展示了一线公司使用Vue开发商业项目的不传之秘。不仅仅是讲解Vue框架，而是试图展示现代企业项目的开发方法，以及综合运用Vue全家桶和周边工具进行开发的技巧，真正理解一个一线工程师是如何开发项目的，这是与只讲解Vue.js知识点的同类书不同的地方。阅读本书，会让你少走弯路，用最少的时间快速进阶为开发高手。
3.本书在前一版本基础上更新而来，前一版自2022年1月出版后，一年多时间累加印刷8次，新版书接受了很多读者提出的建议，特别在细节上进行了完善，删减了一些过时的知识，补充了更多注释，增加了代码索引，并采用了双色印刷等，总之，新版书更易于读者学习和理解。
4.书中仍色保持了视频教学和各章的动手练习，突出边讲边练的特色，这也是学习编程的优选方法。可以说，这是一本集专业性、实用性、优选性于一体的一本好书，经过读者的检验，深受读者欢迎，相信一定会给你带来意想不到的收获。