Vue.js前端开发技术（新编21世纪高等职业教育精品教材·电子与信息类）

定　　价：42 元

丛书名：新编21世纪高等职业教育精品教材·电子与信息类

• 作者：张居彦
• 出版时间：2025/4/1
• ISBN：9787300334394
• 出 版 社：中国人民大学出版社

• 中图法分类：TP392.092.2 
• 页码：252
• 版次：1
• 开本：16

内容简介

Vue.js是一套用于构建用户界面的渐进式框架，采用“模型-视图-视图模型”的模式，支持数据驱动和组件化开发。本书在模块化、层次化、在线等方面做了大量的探索与实践，构建了独特的模块化结构，合理选取并有序组织内容，兼顾知识学习的灵活性与教材使用的实用性。本书构建了Vue.js前端应用开发的理论知识学习与编程技能训练的层次化结构，由易到难、由浅入深，以介绍Vue框架基础知识为主线，详细阐述了基于MVVM框架的Vue框架原理，Vue双向数据绑定的特点，重点介绍了基于Vue知识点案例和实战项目案例。全书Vue知识内容丰富，题材多样。教材共9个项目，其中前8个项目为Vue基础知识及案例，项目9为实战项目综合案例，强调理论联系实际与工程观，注重知识综合运用。

作者介绍

张居彦，副教授，天津电子信息职业技术学院计算机系软件技术专业教研室主任，主要从事软件技术、Web前后端技术、移动应用开发技术等相关课程教学及实践教学。编写过《网页设计与制作》《Java程序设计基础与实践》《电子商务网站建设》等教材，参与国家、省级多项课题。

目 录

项目 1 环境安装 1
1.1 Vue 概述 2
1.2　项目实施 9
1.3　第一个 Vue 案例 22

项目 2 Vue 指令 25
2.1 v-if、v-else 和 v-show 指令 26
2.2 v-for 指令 30
2.3 v-on 指令 34
2.4 v-model 指令 42
2.5 v-bind 指令 48
2.6　文本插值 50
2.7 v-pre、v-cloak 和 v-once 指令 51
2.8 v-text 和 v-html 指令 57
2.9　使用 Vue 实现单击按钮启动走马灯效果 59

项目 3 Vue 组件 63
3.1　认识组件 64
3.2　注册组件 65
3.3　组件的切换 70
3.4　组件的通信 72
3.5　插　　槽 81

项目 4 Vue 全局属性指令 86
4.1　常用全局 API 87
4.2　常用实例属性 93
4.3　渲染指令 111

项目 5 Vue 脚手架 116
5.1　前端工程化 117
5.2 Vue CLI 脚手架工具 119
5.3　插　　件 130
5.4　配置文件 132
5.5　环境变量和模式 135
5.6　静态资源管理 137

项目 6 路由插件 141
6.1　前端路由与 vue-router 142
6.2　动态路由 167
6.3　嵌套路由 171
6.4　命名路由 173
6.5　命名视图 174
6.6　路由导航案例 176

项目 7 Vuex 全局状态管理 183
7.1 Vuex 状态管理模式 184
7.2 Vuex 对象 187
7.3 Vuex 的高级使用 194

项目 8 Vue 动画 203
8.1 CSS 过渡 204
8.2 transition 组件使用 206
8.3 CSS animation 208
8.4　关键帧动画 209
8.5 Vue animation 211
8.6 JavaScript 钩子 213

项目 9 移动商城实战项目 217
9.1　项目概述 218
9.2　项目实施 219

参考文献 241