vue2实践揭秘pdf_Vue2实践揭秘

2022年05月10日 阅读数:4
这篇文章主要向大家介绍vue2实践揭秘pdf_Vue2实践揭秘,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

本书以Vue2的实践应用为根基,从实际示例入手,详细讲解Vue2的基础理论应用及高级组件开发,经过简明易懂的实例代码,生动地让读者快速、全方位地掌握Vue2的各类入门技巧以及一些在实际项目中的宝贵经验。前端

本书除了全面、细致地讲述Vue2的生态结构、实际编程技巧和一些从实践中获得的经验,还重点介绍如何以组件化编程思想为指导,之前端工程化方法为实现手段来实践Vue2,经过组件的单元测试和E2E测试来保证工程质量。vue

1.揭秘Vue2生态结构、实际编程技巧webpack

2.以组件化编程思想为指导,之前端工程化方法为手段来实践Vue2git

前 言github

写做背景web

我从事软件开发至今接近18年了,在我进入这个行业以前,只有软件工程师与硬件工程师之分,并无什么前端工程师或者后端工程师之说。前端后端都得懂,不然根本找不到工做。固然,如今对于前端工程师与后端工程师的划分是因为软件技术发展实在太快了,两个方向已经发展成各自独立的体系,前端开发因为技术的革新、移动端的崛起,其地位显得愈来愈重要。vue-router

我是从jQuery 1.0开始真正地接受前端工程化开发概念的,也是从那时对 JavaScript产生了一发而不可收的兴趣。由于前端工程化能使项目的体系结构更加合理,那些在后端实现起来极为繁杂的交互操做以一种最“轻巧”的方式给取代了。当第一次遇到Angular之时我更是兴奋不已,它简直就是为传统工程师或者说是后端工程师配备的最强大的前端武器!虽然Angular的入门曲线很是陡峭,不少内容都极为晦涩难懂,但它与jQuery同样,能够算得上是前端架构发展史上的一座丰碑。vue-cli

软件领域中后者永远具备更大的吸引力,在前端开发领域,React能够说是继Angular以后又一震撼整个前端开发圈子的重磅炸弹。与Angular相比,它大大下降了学习的成本,同时拥有极高效的运行效能,使之一会儿盖过了Angular的风头。Angular与React两套前端框架的崛起也掀起了整个前端开发圈的一股革命,实际上咱们都清楚这是Google与Facebook之间对开发者的一种争夺手段。对于一直从事实战领域应用的开发者而言,虽然有更多的选择是好事,但“谁更好用?”,“谁更强大?”这类选择困难症也将伴随而来。编程

Angular与React各有优劣,很难从综合性上来评判谁比谁更好,加上Angular2的诞生,使得咱们更难以从中选择最合心意的框架了,可能最熟悉的就天然成为最好的了吧。后端

2016年我和个人团队所从事的Web项目因为须要有大量界面交互功能,所以我引入了Angular2 + Flask的搭配方式做为项目的基础语言架构。然而,个人团队大多数是由从事多年后端开发和系统开发的工程师所组成,他们对当下前沿的前端技术涉猎并不算深刻,我只能不断地进行内部培训以快速提高团队的前端开发实力。Angular2一直处于Beta状态,并且相关的官方开发文档一直缺失,开发与测试工具的发展也相对滞后,在实际使用过程当中,TypeScript这个将弱类型化的JS强制变成强类型语言的怪胎在不断地给咱们制造麻烦,除了让团队接受Angular2对Angular的优化模式,还得不断地在各类大坑中求生存,这毫无疑问对于我和个人团队是一种极大的挑战。当时我很是担忧因为选择了Angular2而致使项目失败,中途曾想过用React对之加以取代。但从实际出发,这只是一种换汤不换药的方案而已,直至咱们偶然间遇到了Vue,Vue能够说给予咱们项目生的但愿!选中了Vue是由于我和个人团队只是付出了极小的代价,甚至能够说是毫无障碍地将Angular2上开发的代码切换到Vue上面来,Vue的开发工具链虽然说没有Angular.js完备,但有vue-cli的辅助,也基本能应付项目开发的须要,架构理论上几乎就是对Angular.js的简化。更吸引咱们的是,这是一个由咱们中国人开发的前端框架!并且适合咱们项目使用的社区资源也很是丰富,性能、工具链、学习曲线、极小的运行库这些优势一下就彻底弥补了Angular的不足,也成为了咱们项目最后能守住的最坚实的防线。

编撰此书出于一次巧合,咱们在升级到Vue2以后我一直想找一本能系统化、全面地讲述Vue2开发的书籍做为我团队的培训教材,但很惋惜一直没法找到。出于一时的心血来潮,忽然间想将咱们在实践中应用Vue2的一些技巧和方法记录下来编撰成书,此时也获得了本书的策划编辑陈晓猛先生给予个人鼓励与支持才得以成书。

此书从构思到成书用了接近4个月,实际上花在编撰上的时间估计也只是一个月左右,其余的时间都用在了准备素材与写代码上。本书中的素材都取自我参与过的项目,在此过程当中我对Vue2的实践应用也有了很大的提升与深化。指望此书能为正在奋斗于前端开发工做的同行们带来帮助,同时也做为我对Vue团队的一种支持。Vue是一款能与世界级的Angular与React比肩的前端框架,更重要的是它是由咱们中国人“智造”的!

内容介绍

本书以Vue2的理论为中心,以实战示例为基础,经过示例应用展开覆盖Vue的各个理论知识点。本书从实践应用出发,对Vue官方不曾进行详尽说明甚至未曾说起的实用内容进行揭秘,试图使此书能成为你在Vue前端工程化开发实战中的参考手册。本书主要从多个示例由浅入深地讲述Vue的使用知识,除此以外,还重点介绍了Vue工程化开发中必备的源码库、第三方开发工具以及如何对Vue的各类模块进行全方位的测试。

第1章 从一个经典的“待办事项”(TODOs)示例入手,从零开始介绍Vue的入门知识,包括插值、数据绑定、属性与样式绑定和组件的基本概念与用法。

第2章 讲述如何为Vue创建一个真实的工程化开发的环境,以及工程化环境下第三方工具的基本使用与配置,其中包括:vue-cli、webpack、Karma、Phantom、Mocha、Sinon、Chai和Nightwatch。

第3章 介绍Vue的路由机制和Vue生态系统中最重要的一个成员——vue-router 的基本使用方法。

第4章 经过手机书店示例来介绍组件化理论与Vue组件的设计与实现的具体方法,包括抽象组件的基本方法,如何用Vue对组件进行封装,如何从界面中提取公共的数据接口,如何在没有实现服务端的状况下运行Vue程序以及怎样建立复杂的复合型组件。

第5章 全方位地讲述Vue的测试与调试过程当中使用到技术与工具,包括Mocha的使用方法,如何为组件编写单元测试,如何在运行期和单元测试中进行调试,如何进行端对端测试。

第6章 经过一个很是广泛且实用的图书管理示例讲述Vue在实现一个具备复杂操做的界面时所采用的技术知识点,以及Vue组件的高级用法。例如视图的排序、分页、查找,多行删除的设计与实现,经过表单处理图书数据的添加、编辑和数据验证,如何用组件化的设计方法封装Vue组件以实现最大限度的组件重用。

第7章 介绍Vue生态结构中针对规模庞大的前端程序进行状态管理的利器Vuex,经过实例对Vuex的应用原则和结构组成进行一一剖析,讲述如何将各类原本混乱的组件状态经过Vuex来将其进行分离,每一个部分应该如何设计与编码,如何进行测试,最终使Vue前端工程架构变得更为合理。

本书相关源码

?本书源码汇总——https://github.com/DotNetAge/vue-in-action;

?vue-todos——第1章例说Vue.js的示例源码https://github.com/DotNetAge/vue-todos;

?vue-shop——第3章路由与页面间导航的示例源码https://github.com/DotNetAge/vue- shop;

?vue-curd——第6章视图与表单的处理的示例源码 https://github.com/DotNetAge/ vue-curd;

?V-UIkit——UIkit for Vue2的组件库,构思源于第4章组件化的设计与实现方法的内容https://dotnetage.github.io/vue-ui/;

?vue-nvd3——基于NVD3开发的Vue2的组件库https://github.com/DotNetAge/vue- nvd3;

?vue-easy-pie-chart——基于easy pie chart开发的环状图组件库https://github.com/ DotNetAge/vue-easy-pie-chart。

勘误和交流

本书若有勘误,会在https://github.com/DotNetAge/vue-in-action上发布。因为笔者能力有限,时间仓促,书中不免有错漏,欢迎读者批评指正。读者也能够到博文视点官网的本书页面进行交流(www.broadview.com.cn/31068)。

您也能够直接联系我:

?博客园:http://www.cnblogs.com/ray-liang

?简书:http://www.jianshu.com/u/5c81d3d72b56

?邮箱:csharp2002@hotmail.com

?微博:广州亚睿

?GitHub:https://github.com/dotnetage

致谢

首先,感谢电子工业出版社博文视点公司的陈晓猛编辑,是您鼓励我将本书付诸成册,并在我写做过程当中审阅了大量稿件,给予我不少指导和帮助。感谢工做在幕后的电子工业出版社评审团队对于本书在校对、排版、审核、封面设计、错误改进方面所给予的帮助,使本书得以顺利出版发行。其次,感谢在我十几年求学生涯中教育过个人全部老师,是大家将知识和学习方法传递给了我。感谢我曾经工做过的公司和单位,感谢和我一块儿共事过的同事和战友,大家的优秀一直是我追逐的目标,大家所给予的压力正是我不断改进本身的动力。

感谢个人父母和儿子。因为撰写本书,牺牲了不少陪伴家人的时间。感谢大家对我工做的理解和支持。

2017年2月16日梁睿坤于广州