新書推薦:
《
世界文明中的作物迁徙:聚焦亚洲、中东和南美洲被忽视的本土农业文明
》
售價:HK$
99.7
《
无端欢喜
》
售價:HK$
76.2
《
股票大作手操盘术
》
售價:HK$
53.8
《
何以中国·何谓唐代:东欧亚帝国的兴亡与转型
》
售價:HK$
87.4
《
一间只属于自己的房间 女性主义先锋伍尔夫代表作 女性精神独立与经济独立的象征,做自己,比任何事都更重要
》
售價:HK$
44.6
《
泉舆日志 幻想世界宝石生物图鉴
》
售價:HK$
134.2
《
养育女孩 : 官方升级版
》
售價:HK$
50.4
《
跨界:蒂利希思想研究
》
售價:HK$
109.8
|
編輯推薦: |
本书以培养前端工程师为目标,基于工作任务模式进行编写,全面讲解了Vue.js开发的知识精心设计教学案例,工作任务设计遵循软件项目规范,强调认知规律,在潜移默化中提升职业素养配套资源丰富,配有在线课程、微课视频和教学资源包
|
內容簡介: |
本书以培养前端工程师为目标,基于工作任务模式进行编写,全面讲解了Vue.js开发的知识。本书共10个模块。模块1~3介绍Vue框架的基础知识,包括开发环境、Vue构造器基本选项、Vue指令,学习Vue的基础知识。模块4介绍Vue过渡,包括基于CSS过渡与动画的过渡,以及Vue与一些主流动画库的结合应用,初步了解Vue的通用性与先进性。模块5介绍Vue复用,为Vue组件与复杂应用开发奠定基础。模块6介绍Vue自定义组件,组件是Vue的核心,自此开始Vue重点与难点知识的学习。模块7介绍Vue路由,路由是单页面应用的基石,也是Vue的核心插件,插件在Vue中占有非常重要的地位。模块8介绍Vue CLI,包括搭建CLI脚手架项目,并对模块7中的路由工作任务进行了重构,巩固路由的学习,并引入了企业开发技术。模块9介绍Vuex与Axios,介绍Vue开发的实用技术。模块10介绍Vue与element-ui的结合应用,拓展Vue的应用与介绍,完整实践企业Vue项目开发,全面训练岗位技能,培养职业素养。本书可作为应用型本科与高职高专院校Vue前端开发技术或跨平台开发课程的教材;也可作为前端开发技术人员的技术参考资料、培训用书或自学参考书。
|
關於作者: |
刘培林,无锡职业技术学院软件技术专业带头人,骨干教师。有12年的企业软件项目开发经验,主持和参与过多项重大软件技术项目研发,包括“蛟龙号”载人潜水器操纵模拟系统教控软件子系统的研发,有13年的软件技术专业教学经验,多次主持软件技术专业人才培养方案制定。在国内外公开出版的学术刊物、国际学术会议上发表论文20多篇,主编《C#可视化程序设计案例教程》教材2013年被评为江苏省十二五重点教材。
|
目錄:
|
前言模块1 Vue概述1 任务1.1 了解Vue基础知识11.1.1 前端开发概述11.1.2 Vue创始人介绍21.1.3 什么是Vue21.1.4 Vue的优势3任务1.2 熟悉Vue项目开发环境51.2.1 编辑器概述51.2.2 安装HBuilderX编辑器61.2.3 创建与调试Vue项目6模块小结8习题19实训19模块2 Vue实例10 任务2.1 显示诗词102.1.1 创建Vue实例102.1.2 根元素选项(el)112.1.3 数据选项(data)12任务2.2 设计数据编码器162.2.1 过滤选项(filters)172.2.2 方法选项(methods)18任务2.3 编写模拟购物车212.3.1 计算选项(computed)212.3.2 状态监听选项(watch)232.3.3 computed与watch选项的应用场景24任务2.4 学习Vue生命周期272.4.1 生命周期概述272.4.2 生命周期事件272.4.3 Vue实例方法与属性29模块小结33习题233实训234模块3 Vue指令35 任务3.1 开发用户注册程序353.1.1 v-text指令35 3.1.2 v-html指令363.1.3 v-model指令373.1.4 v-if、v-else和v-show指令41任务3.2 开发用户登录程序443.2.1 v-bind指令443.2.2 过滤v-bind指令绑定的属性463.2.3 绑定class与style属性46任务3.3 设计电子商务购物车513.3.1 v-for指令513.3.2 v-on指令553.3.3 v-on指令修饰符56模块小结60习题360实训361模块4 Vue过渡62 任务4.1 学习过渡组件624.1.1 组件定义624.1.2 类名前缀属性664.1.3 自定义类名属性684.1.4 钩子函数704.1.5 初始动画属性72任务4.2 掌握多元素过渡方法724.2.1 多元素过渡724.2.2 过渡模式75任务4.3 掌握列表与状态过渡方法764.3.1 组件定义764.3.2 排序过渡属性(move)774.3.3 交错过渡794.3.4 状态过渡80模块小结82习题482实训483 模块5 Vue复用84 任务5.1 设计管理用户权限指令845.1.1 自定义指令845.1.2 响应式属性(set)86任务5.2 设计维护用户信息程序885.2.1 继承(extend)895.2.2 混入(mixin)93任务5.3 掌握插件用法985.3.1 插件概述985.3.2 安装插件985.3.3 开发插件98模块小结100习题5100实训5101模块6 Vue自定义组件102 任务6.1 设计计分器组件1026.1.1 组件定义与注册1036.1.2 组件模板1066.1.3 选项作用域1066.1.4 组件的生命周期107任务6.2 编写搜索框组件1086.2.1 props选项1096.2.2 插槽1116.2.3 箭头函数113任务6.3 开发管理用户账户组件1156.3.1 $emit()方法1166.3.2 动态组件1186.3.3 动态组件过渡119模块小结122习题6123实训6123 模块7 Vue路由124 任务7.1 设计页面路由1247.1.1 单页面应用1247.1.2 路由视图1257.1.3 路由构造器1257.1.4 路由导航1287.1.5 路由过渡131任务7.2 给路由传递参数1347.2.1 路由实例1347.2.2 路由管理器对象1347.2.3 query方式的参数传递1367.2.4 params方式的参数传递1387.2.5 路由的模式139任务7.3 设计嵌套路由1407.3.1 嵌套路由父级设计1407.3.2 嵌套路由子级设计143模块小结144习题7145实训7145 模块8 Vue CLI146 任务8.1 了解CLI基础知识1468.1.1 Vue CLI的特点1468.1.2 CLI安装必备1468.1.3 Git-Bash命令行工具147任务8.2 创建CLI项目1488.2.1 命令行创建与运行CLI项目1488.2.2 在HBuilderX环境下创建与运行CLI项目150任务8.3 实战CLI项目1528.3.1 单文件组件1538.3.2 导入与导出语句1548.3.3 CLI项目结构分析155任务8.4 开发用户管理CLI项目1588.4.1 CLI插件1588.4.2 安装插件158模块小结161习题8161实训8162模块9 Vuex与Axios163 任务9.1 了解Vuex基础知识1639.1.1 Vuex概述1639.1.2 Store构造器164任务9.2 学习Store构造器的选项1649.2.1 状态管理1649.2.2 Getter1669.2.3 Mutation1679.2.4 Action168任务9.3 使用模块定义Vuex1709.3.1 modules选项1709.3.2 动态注册模块171任务9.4 掌握Axios的用法1729.4.1 Axios概述1729.4.2 参数传递173任务9.5 开发天气预报CLI项目1749.5.1 项目创建1759.5.2 项目实施1769.5.3 项目测试与运行179模块小结179习题9179实训9180 模块10 电子商务系统181 任务10.1 掌握element-ui的用法18110.1.1 element-ui概述18110.1.2 使用element-ui182任务10.2 分析电子商务系统18210.2.1 项目概述18210.2.2 项目分析18310.2.3 项目创建18410.2.4 创建准备185任务10.3 设计系统首页18510.3.1 设计导航信息栏18510.3.2 设计标题搜索栏18710.3.3 设计商品展示栏188任务10.4 设计“我的购物车”页面19210.4.1 设计商品信息栏19210.4.2 设计购物结算栏194任务10.5 设计商家后台管理模块19610.5.1 菜单设计19610.5.2 首页设计199任务10.6 设计商品管理模块1991
|
內容試閱:
|
本书以培养前端工程师为目标,基于工作任务模式进行编写,融合了编者多年的教学实践和改革经验,全面讲解了Vue.js开发的知识。全书共10个模块,每个模块包含2~4工作任务,围绕2~4个知识点展开。本书具有以下特点。1)精心设计教学案例,全面训练网站前端设计和开发能力。全书围绕典型网站的典型页面设计展开,每个模块设计若干个典型工作任务。工作任务具有相对的独立性,同时兼顾系统性,知识讲授主要围绕通用的和学生更为熟悉的用户管理模块设计,根据知识内容需要简单设计了电子商务购物车和商品搜索功能;综合实训由企业一线工程师按照企业开发模式开发,进一步完善了购物车设计,增加了商品管理模块。两者共同完成了通用电子商务系统的设计与实现,全面进行了岗位能力训练。2)工作任务设计遵循软件项目规范,强调认知规律,在潜移默化中提升职业素养。任务开头提出学习目标,对应软件项目的需求分析,符合带着问题学的认知规律;接下来讲授基本知识点,对应软件项目开发的技术分析,并针对知识点重难点给出实例,符合知识学习反复训练的认知要求;最后基于知识点设计和实施工作任务,对应软件项目的设计与编码实施,升华知识点的学习,培养创新精神,遵循知识学习举一反三的认知规律;针对个别复杂的任务给出测试步骤,对应软件项目的测试环节。每一个工作任务都较为完整地实践了软件项目的基本开发过程,将职业素养融入其中。3)知识点讲授采用两种模式。针对琐碎、没有关联的知识点,将其聚焦于一个个有趣的应用场景,用一个个有趣的工作任务贯穿知识点,解决了知识点分散和学习的有趣性问题,同时解决了知识点具有真实应用场景的问题;针对复杂、具有一定难度的知识点,用简单例子引入,精心梳理知识点的逻辑关系,循序渐进地介绍知识点,同时深化例子,使知识讲授与例子完善同步完成,降低学习的难度。4)模块设计注意知识的循序渐进,同时关注知识点的聚焦问题和模块的规模。每个模块设计2~4个工作任务,工作任务基本按2个学时设计,一个任务覆盖一个大的知识点,又分解为3~4个小的知识点进行讲解,任务设计合理,符合学习认知规律。每个模块6~8个学时,模块内容充实,知识点数量、组织、安排合理,重点突出,难点层层递进,不断深化,也符合学习认知规律。5)每个模块开头列出学习目标,结尾用思维导图整理知识点,教学目标明确,知识点总结详细,方便了教师的教学和学生的总结复习。每个模块都配有习题与实训,便于教师检验学习效果和学生总结升华。配套资源丰富,建有在线开放课程,方便教师教学和学生预习、复习。本书可用于32、48、64课时的教学,详见表1安排,不同课时的教学计划以及相关教学资源包可以从机械工业出版社教育服务网下载。表1 课时安排建议章节32课时48课时64课时模块1 Vue概述222模块2 Vue实例888模块3 Vue指令888模块4 Vue过渡888模块5 Vue复用666模块6 Vue自定义组件088模块7 Vue路由088模块8 Vue CLI006模块9 Vuex与Axios006模块10 电子商务系统004合计 32 48 64本书由无锡职业技术学院刘培林、卫梦,大连东软信息学院赵伟,常州工业职业技术学院申燕萍,中国船舶科学研究中心洪华军、李美共同编写完成。全书由刘培林统稿,无锡职业技术学院史荧中主审。在编写过程中,本书得到了编者所在单位领导和同事的帮助与大力支持,同时也参考了一些优秀的网页设计书籍和网络资源,在此表示由衷的感谢。由于编者水平所限,书中不足之处在所难免,欢迎广大读者批评指正。编 者
|
|