全面覆盖：本书全面涵盖了Vue 3.0的核心概念、语法、组件、路由、状态管理、动画等知识点，帮助读者系统地掌握Vue 3.0技术。 实战案例：本书提供了大量的实战案例，让读者在学习理论知识的同时，能够通过实际操作来巩固所学知识，提高实际开发能力。 深入浅出：本书以通俗易懂的语言讲解Vue 3.0技术，避免使用过多的专业术语，让初学者也能够轻松入门。 提供了大量的配套资源，如教学大纲、教学计划、习题库等，方便教师进行教学和学生进行自学

本书系统介绍Vue 3前端框架应用的相关知识。本书由11个项目构成，从Vue快速入门开始，循序渐进地讲解Vue语法基础、Vue数据绑定、Vue内置指令、Vue组件、Vue路由管理、Vue组合式API、Vue项目搭建、Vue网络请求、Vue状态管理等核心内容，以“项目实战：开发个人博客系统”作为学习成果的综合检验。本书高度重视实践，每个项目均配备实践操作任务，紧密联系工作场景，助力读者将理论知识应用于实际工作中，切实提升前端开发实操技能。本书适合作为高等院校计算机相关专业的教材，也适合作为Web前端开发人员及广大编程爱好者的参考书。丁莉，副教授，深耕职业教育多年，教学科研成果卓著。主讲《Vue前端框架设计》《C井程序设计》《WPF高级应用开发》等专业核心课程，覆盖前端开发、桌面应用等多领域，教学紧扣行业前沿与实践需求。 主编 / 副主编《C井程序设计项目教程》（“十二五”国家级规划教材）等3部教材，主持1项省级课题，深度参与5项省级课题（2项获市级科技进步三等奖）。发表EI及核心期刊论文多篇，获2项专利、8项软件著作权。 指导学生三次斩获全国职业院校技能大赛国家级二等奖，在前端框架领域深耕积淀，教研与实践能力兼具。 Vue快速入门1任务 ?创建第 一个Vue应用2【任务提出】2【任务分析】2【知识准备】21.1 ?Vue简介21.1.1 ?什么是Vue21.1.2 ?Vue的发展时间线31.1.3 ?Vue的优点41.1.4 ?Vue 3的新特性51.2 ?开发环境搭建61.2.1 ?Visual Studio Code61.2.2 ?VS Code的下载和安装61.2.3 ?安装插件7【任务实现】7【任务总结】8【巩固练习】8【任务拓展】9Vue语法基础10任务1 ?实现简单的计时器11【任务提出】11【任务分析】11【知识准备】112.1 ?Vue实例的创建与挂载112.2 ?数据的定义与渲染122.2.1 ?定义数据122.2.2 ?插值132.3 ?methods132.4 ?computed152.4.1 ?计算属性的基本使用方法152.4.2 ?计算属性的get方法和set方法162.4.3 ?计算属性的缓存功能172.5 ?watch192.5.1 ?watch监听属性192.5.2 ?deep属性202.6 ?在Vue 2中创建实例21【任务实现】23【任务总结】24【巩固练习】25【任务拓展】25Vue数据绑定27任务1 ?设计应聘信息登记表28【任务提出】28【任务分析】28【知识准备】283.1 ?单向数据绑定283.2 ?双向数据绑定303.2.1 ?绑定单行文本框303.2.2 ?绑定多行文本框303.2.3 ?绑定复选框313.2.4 ?绑定单选按钮323.2.5 ?绑定下拉列表333.2.6 ?绑定多选列表框343.3 ?修饰符353.3.1 ?.lazy353.3.2 ?.number353.3.3 ?.trim363.4 ?MVVM模式36【任务实现】37【任务总结】40【巩固练习】40【任务拓展】40任务2 ?使用样式绑定实现投票和撤回投票功能41【任务提出】41【任务分析】42【知识准备】423.5 ?绑定样式类423.5.1 ?对象语法423.5.2 ?数组语法453.6 ?绑定内联样式473.6.1 ?对象语法473.6.2 ?数组语法49【任务实现】49【任务总结】51【巩固练习】51【任务拓展】52Vue内置指令53任务1 ?跑马灯54【任务提出】54【任务分析】54【知识准备】544.1 ?v_on指令544.2 ?事件修饰符554.3 ?生命周期564.4 ?字符串的截取和拼接574.5 ?定时器57【任务实现】57【任务总结】58【巩固练习】59【任务拓展】59任务2 ?切换登录方式60【任务提出】60【任务分析】60【知识准备】604.6 ?条件渲染指令简介604.6.1 ?v_if指令604.6.2 ?v_else_if指令604.6.3 ?v_else指令614.6.4 ?v_show指令614.7 ?v_html和v_text614.7.1 ?v_html指令614.7.2 ?v_text指令624.8 ?input中key属性作用62【任务实现】62【任务总结】64【巩固练习】64【任务拓展】64任务3 ?搜索指定的图书信息65【任务提出】65【任务分析】65【知识准备】654.9 ?v_for指令654.10 ?search函数66【任务实现】66【任务总结】68【巩固练习】68【任务拓展】69任务4 ?购物车69【任务提出】69【任务分析】69【知识准备】704.10 ?数组的基本操作方法70【任务实现】70【任务总结】72【巩固练习】72【任务拓展】73Vue组件74任务1 ?使用组件嵌套制作“校园新闻”版块75【任务提出】75【任务分析】75【知识准备】755.1 ?组件的定义755.2 ?组件的使用方法765.3 ?全局组件765.4 ?局部组件775.5 ?组件嵌套79【任务实现】80【任务总结】82【巩固练习】83【任务拓展】83任务2 ?制作“简易购物车”组件83【任务提出】83【任务分析】84【知识准备】845.6 ?父组件向子组件传递数据845.6.1 ?静态传递数据845.6.2 ?动态传递数据855.6.3 ?数据验证865.7 ?子组件向父组件传递数据89【任务实现】91【任务总结】94【巩固练习】94【任务拓展】94任务3 ?使用具名插槽制作“新闻热点”版块95【任务提出】95【任务分析】96【知识准备】965.8 ?默认插槽965.9 ?具名插槽985.10 ?作用域插槽1005.11 ?动态组件102【任务实现】105【任务总结】107【巩固练习】107【任务拓展】108Vue路由管理109任务1 ?实现选项卡110【任务提出】110【任务分析】110【知识准备】1106.1 ?Vue Router入门1106.1.1 ?认识前端路由1106.1.2 ?认识Vue Router1116.2 ?Vue Router的安装与使用1116.2.1 ?Vue Router的安装1116.2.2 ?Vue Router的使用步骤112【任务实现】112【任务总结】116【巩固练习】116【任务拓展】117任务2 ?实现后台管理系统117【任务提出】117【任务分析】118【知识准备】1186.3 ?嵌套路由1186.4 ?动态路由1196.5 ?命名路由1206.6 ?编程式导航121【任务实现】121【任务总结】125【巩固练习】125【任务拓展】126Vue组合式API127任务 ?选项卡128【任务提出】128【任务分析】128【知识准备】1287.1 ?Vue组合式API1287.2 ?setup函数1297.3 ?响应式API1297.3.1 ?ref1297.3.2 ?reactive1307.3.3 ?watchEffect1317.3.4 ?computed131【任务实现】132【任务总结】134【巩固练习】135【任务拓展】135Vue项目搭建136任务1 ?使用Vue CLI构建项目实现组件切换137【任务提出】137【任务分析】137【知识准备】1378.1 ?认识Vue CLI1378.1.1 ?什么是Vue CLI1378.1.2 ?使用Vue CLI的前提——Node.js的安装1388.1.3 ?Vue CLI的安装1408.2 ?使用Vue CLI创建项目1418.2.1 ?快速创建项目1418.2.2 ?分析项目结构1418.3 ?单文件组件1428.3.1 ?什么是单文件组件1438.3.2 ?创建并使用Hello单文件组件1438.4 ?在Vue CLI项目中使用路由1458.4.1 ?安装路由插件Vue Router1458.4.2 ?Vue Router插件在Vue CLI项目中的使用146【任务实现】147【任务总结】149【巩固练习】149【任务拓展】150任务2 ?使用Vite构建项目实现学生管理系统的导航功能150【任务提出】150【任务分析】150【知识准备】1518.5 ?认识Vite1518.5.1 ?什么是Vite1518.5.2 ?Vite的优势1518.6 ?使用Vite创建Vue 3项目151【任务实现】153【任务总结】158【巩固练习】158【任务拓展】159Vue网络请求160任务 ?调用后台端口实现用户管理模块161【任务提出】161【任务分析】161【知识准备】1619.1 ?Axios1619.1.1 ?什么是Axios1629.1.2 ?Axios应用1629.2 ?后端准备1649.2.1 ?搭建服务器环境1649.2.2 ?准备后端网站1659.3 ?跨域问题1699.3.1 ?使用Axios发送网络请求1699.3.2 ?什么是跨域请求1719.3.3 ?解决跨域请求问题171【任务实现】172【任务总结】181【巩固练习】182【任务拓展】182Vue状态管理184任务 ?购物车185【任务提出】185【任务分析】185【知识准备】18510.1 ?Vuex介绍18510.1.1 ?什么是Vuex18510.1.2 ?安装18610.2 ?Vuex核心概念18610.2.1 ?state18610.2.2 ?Getter18710.2.3 ?Mutation18810.2.4 ?Action18910.2.5 ?Module189【任务实现】190【任务总结】198【巩固练习】198【任务拓展】198项目实战：开发个人博客系统199任务 ?开发个人博客系统200【任务提出】200【任务分析】200【知识准备】20011.1 ?项目分析20011.1.1 ?项目展示20111.1.2 ?组件规划20111.2 ?前端准备20411.3 ?后端准备206【任务实现】207【任务总结】219【巩固练习】219【任务拓展】220