本书是“普通高等教育‘十五五’人工智能专业系列教材”之一，依托Vue.js生态体系，结合科大讯飞股份有限公司在智能系统项目开发中的应用实践，讲解Vue前端框架技术的基本原理与应用方法，同时提供实验案例及代码示例。全书共6章，内容包括MVVM设计模式、Vue基础、Vue事件处理、Vue组件及路由、Vue状态管理和综合项目实战。本书引入企业技术与真实案例，凸显应用性与前沿性。每章案例附视频讲解及代码资源，助力读者通过实践深化知识的理解与掌握。 本书适合作为普通高等院校人工智能、数据科学与大数据等专业的教材，也可作为Vue前端开发爱好者的参考书。

在人工智能和数字化技术飞速发展的时代，前端开发已从早期的静态页面构建，演进为复杂交互、跨端兼容、工程化协作的综合技术应用。随着单页应用、响应式设计等需求的普及，传统开发模式面临代码冗余、状态管理混乱、视图与数据耦合度高等问题，亟需一套高效、可扩展的框架体系来规范开发流程。Vue.js作为当前主流前端框架之一，以其“渐进式”设计理念、简洁的API及强大的响应式系统，成为解决上述痛点的优选方案，也成为前端开发者必备的核心技能之一。高校也开始注重Vue前端框架技术人才的培养。
本书是“普通高等教育‘十五五’人工智能专业系列教材”之一。编者依托Vue.js生态体系，结合科大讯飞一线工程师的开发实践与吉林外国语大学一线教师的教学经验，系统梳理前端框架的核心原理与应用方法。区别于单纯的API文档，本书以“理论筑基—案例驱动—项目实战”为脉络，既深入剖析MVVM设计模式、组件化开发、状态管理等底层逻辑，又通过丰富的代码示例与综合项目帮助读者将技术点转化为实际开发能力。书中案例均经过教学验证，涵盖导航栏、购物车、用户管理系统等高频场景，部分案例配套完整的工程化配置（如路由拦截、前后端联调），贴合企业真实开发流程。案例中的数据均为虚拟数据。
全书共6章，构建了从基础到进阶的完整知识体系。
第1章聚焦MVVM设计模式，对比几种常见设计模式架构的差异，梳理前端技术演进历程，并详细讲解Vue框架的发展背景与环境搭建，为后续学习奠定理论与环境基础。
第2章深入Vue基础核心，涵盖模板语法、生命周期钩子函数、常用指令、计算属性与侦听器、样式绑定及数据双向绑定，通过“指令应用—案例实践”的模式，帮助读者掌握响应式开发的核心技巧。
第3章专注Vue事件处理，系统讲解事件监听、事件修饰符、按键修饰符的使用，并通过“记事本综合案例”整合本章知识点，强化学生复杂交互场景的处理能力。
第4章围绕Vue组件与路由展开，详解组件注册、组件通信、路由配置、路由传参及嵌套路由等关键技术，解决大型应用的模块化拆分与页面导航问题。
第5章引入 Vuex 状 态 管 理， 剖 析 state（ 状 态 容 器 ）、getters（ 状 态 派生 ）、mutations（状态变更）、actions（异步操作）和 modules（模块化）五大核心机制，通过“购物车功能”案例，演示全局状态的统一管理与数据流转。
第6章通过两个综合项目实战（商城系统、语料库管理系统），串联前序章节知识，覆盖前后端联调、工程化配置、复杂业务逻辑实现等内容，帮助读者完成从“知识点掌握”到“项目开发”的跨越。
本书作为前端框架课程教材，建议知识讲解（即课堂学时）20学时、案例实践（即实验学时）28学时。各章学时分配可参考下表（教师可根据教学目标与学生基础灵活调整）：
章 序 章 名 课堂学时 实验学时
第1章 MVVM设计模式 2 2
第2章 Vue基础 4 6
第3章 Vue事件处理 4 4
第4章 Vue组件及路由 4 4
第5章 Vue状态管理 4 4
第6章 综合项目实战 2 8
本书由梁燕和王家波任主编，王菲菲、王智岩、于秋野、刘伟、王荣丽、李金鹏任副主编。具体编写分工如下：第1章和第2章由梁燕、王菲菲编写；第3章由王家波、王智岩编写；第4章由李金鹏、于秋野编写；第5章由刘伟编写；第6章由王荣丽编写。
为便于教与学，本书配有课程教学大纲、教学周历、考核方案、教案、案例讲解视频等资源，读者可登录中国铁道出版社教育资源数字化平台（https://www.tdpress.com/51eds）下载相关资源，也可使用微信扫描书中二维码观看案例教学视频并进行章后习题的在线测试。
本书在编写过程中，得到了科大讯飞股份有限公司和中国铁道出版社有限公司的大力支持，在此对这些单位的相关人员表示衷心的感谢。限于编者水平，书中难免有不足之处，欢迎读者对本书提出宝贵意见和建议。

第1章MVVM设计模式.11.1设计模式简介.11.1.1设计模式的作用.11.1.2设计模式的应用.21.2典型设计模式.21.2.1典型设计模式概述.21.2.2MVVM框架的工作原理.41.2.3MVVM与MVC的区别.41.3前端技术的演变.51.3.1静态网页时代.51.3.2JavaScript的诞生.61.3.3Ajax技术的兴起.61.3.4前端框架的出现.61.4Vue框架概述71.4.1Vue简介71.4.2Vue中的MVVM.81.4.3Vue框架的发展历程91.5Vue框架的使用与程序运行91.5.1通过CDN引入Vue框架91.5.2安装Vue运行环境101.5.3通过vue-cli创建项目11小结.15习题.15 第2章Vue基础.162.1Vue模板.162.1.1Vue项目目录结构.162.1.2Vue模板语法.172.2

梁燕，教授，吉林外国语大学人工智能学院院长，研究方向是人工智能、计算机软件与理论、教育技术，主讲大学计算机基础、数字媒体技术基础、现代教育技术等课程，主编教材十余部，其中《办公自动化案例教程》荣获吉林省高校优秀教材一等奖，《大学计算机案例教程》入选吉林省“十四五”省级规划教材。主持省级及以上教科研项目20项，公开发表省级及以上论文28篇，获批软著3项。荣获各类荣誉称号24项（省、市级人才类称号6项），荣获省级以上教学奖项24项，指导学生荣获省级以上奖项36项。 王家波，高级工程师，科大讯飞产教融合业务北方区总经理，中国科学技术大学软件工程硕士，18年IT行业经验，12年智能软件开发及项目管理、产品管理经历，参与研发的“讯飞智元数字档案管理系统”获得安徽省级科技成果等，作为主编编写《智能语音技术及应用开发》等教材，主要研究方向：人工智能领域前沿科技进步和业务发展，人工智能通用赋能新技术与教育行业相结合的研究及应用。在人工智能相关领域产教融合人才培养、团队建设方面具有丰富实践经验，先后担任山东、北京、天津、吉林等省份多所高校人工智能专业建设、培养方案论证、实验室建设咨询及评审专家。

（1）依托国内人工智能领域发展前沿的科大讯飞公司的相关产品的核心技术，校企共同编写，既可满足学校的课程需求，又能保证教材内容的专业性、前沿性。
（2）内容从基础原理到高级应用，循序渐进，有助于提升读者的实操技能。
（3）设置大量的案例应用，不仅各章配有例题及解析，最后一章还单独设置了电商后台管理系统等企业级综合案例，帮助读者应用所学知识，并提供案例代码。
（4）教学资源丰富，配有教学视频、教学素材、教学课件、教学大纲、习题等资源，帮助教师快速开展教学。