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

作者：张居彦

书号：334394

定价：￥42 元

字数：365 千字

印次：1-1

开本：16

出版时间：2025-04-15

ISBN：978-7-300-33439-4

包装：平

内容提要：  
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  



在线试读：  
Vue.js 是一种流行的 JavaScript 前端框架，用于构建交互式的 Web 界面。它是一种轻量级、灵活且易于学习的框架，被广泛应用于单页应用程序（SPA）和复杂的用户界面开发。  
Vue.js 的核心思想是通过将界面分解为可重用的组件来构建应用程序。它采用了MVVM（Model-View-ViewModel）的架构模式，将数据模型、视图和视图模型进行了解耦，使开发人员能够更好地管理和维护代码。  
Vue.js 具有许多强大的特性，包括响应式数据绑定、组件化开发、虚拟 DOM（Virtual DOM）等。它还提供了丰富的生态系统，包括官方维护的插件和第三方库，使开发人员能够更高效地构建复杂的 Web 应用程序。