《Vue2实践揭秘》| 每日读本书

简介: 揭秘Vue2生态结构、实际编程技巧;以组件化编程思想为指导,以前端工程化方法为手段来实践Vue2。每日搜罗最具权威专业书籍,更多图书请关注“每日读本书”。

编辑推荐

学会Vue不难,学会怎么用才难!本书没有罗列Vue的语法和指令,而是从实战出发,以组件化编程思想为指导,以前端工程化方法为手段来实践Vue2!

本书先从一个实际示例入手,通过简明易懂的实例代码,生动地讲解Vue2的基础理论应用和高级组件开发,还分享了作者在一些实际项目中汲取的宝贵经验。

test
梁睿坤 著 / 2017年4月出版

内容提要

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

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

精彩导读

前言

写作背景

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

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

软件领域中后者永远具有更大的吸引力,在前端开发领域,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的各种模块进行全方位的测试。

相关文章
|
3月前
|
JavaScript
Vue——initProvide【十一】
Vue——initProvide【十一】
34 0
|
3月前
|
JavaScript
【Vue面试题四】、Vue实例挂载的过程中发生了什么?
文章详细分析了Vue实例挂载的过程,包括Vue构造函数的执行、初始化方法`_init`的调用,以及Vue实例从创建到挂载的各个阶段。文章提到了Vue实例初始化过程中的多个关键步骤,如合并选项、初始化数据、事件、生命周期、渲染方法等。同时,还解释了Vue如何处理模板和生成渲染函数,以及如何将虚拟DOM转换为真实DOM并进行页面渲染。最后,文章通过流程图总结了Vue实例挂载的整个过程。
【Vue面试题四】、Vue实例挂载的过程中发生了什么?
|
3月前
|
JavaScript 前端开发 编译器
【Vue面试题三十二】、vue3有了解过吗?能说说跟vue2的区别吗?
这篇文章介绍了Vue 3相对于Vue 2的改进和新增特性,包括性能提升、体积减小、更易维护、更好的TypeScript支持、新的Composition API、新增的Teleport和createRenderer功能,以及Vue 3中的非兼容性变更和API的移除或重命名。
【Vue面试题三十二】、vue3有了解过吗?能说说跟vue2的区别吗?
|
3月前
|
JavaScript 前端开发
Vue入门记录(一)
Vue入门记录(一)
39 0
|
6月前
|
JavaScript 前端开发 算法
Vue是如何实现的
【4月更文挑战第16天】Vue.js 是一个渐进式框架,专注于构建数据驱动的 web 界面。其核心是响应式系统,通过 getter/setter 使数据变化时自动更新视图。Vue 采用组件化开发,支持声明式模板语法和虚拟 DOM,提高性能。指令和过滤器简化模板操作,插件和混合扩展功能,vue-router 和 vuex 解决SPA的路由和状态管理。通过这些技术,Vue 实现简洁、高效的应用构建。
29 0
|
6月前
|
JavaScript
【Vue2.0学习】— Vue监视数据的原理(四十二)
【Vue2.0学习】— Vue监视数据的原理(四十二)
|
存储 缓存 JavaScript
Vue学习笔记(十一) Vuex
Vue学习笔记(十一) Vuex
85 0
|
JavaScript
vue再读2-为什么学习vue
vue再读2-为什么学习vue
86 0
vue再读2-为什么学习vue
|
缓存 移动开发 JavaScript
「offer来了」Vue.js篇,从vue2到vue3,48个知识点保姆级带你巩固vuejs知识体系(下)
在下面的这篇文章中,将从 vue2 的基础知识,到 vue2 的原理知识,再到 vue3 的基础知识和原理知识做一个归纳和总结。同时,周一也将整理出相关的面试题,以供大家可以有一个更好的参考。 下面开始进入本文的讲解~
「offer来了」Vue.js篇,从vue2到vue3,48个知识点保姆级带你巩固vuejs知识体系(下)
|
缓存 移动开发 JavaScript
「offer来了」Vue.js篇,从vue2到vue3,48个知识点保姆级带你巩固vuejs知识体系(上)
在下面的这篇文章中,将从 vue2 的基础知识,到 vue2 的原理知识,再到 vue3 的基础知识和原理知识做一个归纳和总结。同时,周一也将整理出相关的面试题,以供大家可以有一个更好的参考。 下面开始进入本文的讲解~
「offer来了」Vue.js篇,从vue2到vue3,48个知识点保姆级带你巩固vuejs知识体系(上)
下一篇
无影云桌面