作者：王凤丽 豆连军
出版社：人民邮电出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
Vue.js前端开发技术试读：
前言
用心做教育，专心做教育，编写一本能帮助初学者快速学习Vue的教程，一直是“斤斗云学堂”教师们的愿望，现在终于得以实现。本书从入门开发到工程化项目实战，每个案例都经过了精心设计。本书以当前发布的Vue新版本为介绍对象，内容包括基础知识、综合案例和项目实战应用，力求体现“易学”“实用”的特色。为方便更多的JavaScript初学者掌握本书内容，书中的实例代码尽量采用ES5语法规范，但为了更好地表达Vue的优势特性，也有少数案例使用了ES6、ES7的语法。
本书亮点
案例教学：全书有136个实例和案例代码分析，便于快速入门。
实战应用：以实战应用、工程化项目实战为目标，有效避免了“一叶障目不见森林”。
大量图示：全书重点、难点用大量的图示标记，更加直观、生动。
名师编著：由具有12年软件开发和培训经验，并申报多项横向科技项目的实战派讲师王凤丽、“斤斗云学堂”教学总监豆连军共同编著，确保图书的实战性。
慕课平台：“斤斗云学堂”慕课平台提供了本书的配套视频、电子教案、教学课件、通关测试、书中案例源代码等大量学习资源，同时公开了本书案例中所用到的后端API通信接口。依靠这些公开接口，读者可以开发自己的网络单词本应用。除了“斤斗云学堂”慕课平台外，本书的实例源代码、教学课件等，也可登录人邮教育社区（http://www.ryjiaoyu.com）获取。
本书读者对象
本书包括基础内容和实战项目，方便初次接触Vue的读者快速入门。本书适合已经掌握了JavaScript语言基础和HTML、CSS基础的读者，也适合转型Vue的前端开发人员。
本书编写及审定委员会
本书由北京乐美无限科技有限公司授权提供Vue课程内容素材，由学科带头人、金牌讲师王凤丽执笔编写，教学总监豆连军审核并统改。以下人员对本书进行了审阅和校验，他们是贡雪静、董爽、张旭磊、崔阿超。在此也一并感谢在本书编写过程中给予支持的家人们。
寄语读者
互联网开发是一个高薪技术行业，是一个充满挑战、富有创造力的行业，但并不是高不可攀的行业。初学者入门以后，一定能体会到技术开发的乐趣。希望本书能帮助心中有梦想的青年学子实现梦想，早日踏入互联网开发行业，预祝大家学业、事业有成！编者第1章 Vue入门
在学习Vue前，读者应已学习过HTML、CSS和JavaScript基本知识。本章介绍Vue及其特点，讲解Vue的下载与生产环境搭建，要求读者掌握Vue基本的开发过程，熟悉MVVM模式，为以后更好地学习Vue打好基础。本章要点：
■什么是Vue及Vue的特点
■Vue在前端开发中的优势
■Vue的下载及如何引入并应用
■实例化Vue对象、数据和方法
■数据挂载到DOM页面
■Vue中的MVVM模式1.1 Vue简述
Vue.js是一套响应式系统，前端开发库。其他前端开发库也有很多，比如jQuery、ExtJS、Angular等。Vue自问世以来所受关注度不断提高，在现在的市场上，Vue是非常流行的JavaScript技术开发框架之一。本节将对什么是Vue.js及Vue.js的特点和优势等内容进行介绍。1.1.1 什么是Vue.js
在介绍Vue之前，我们先来简单介绍一下它的作者尤雨溪（Evan You），以及它的由来。尤雨溪是一位美籍华人，在上海复旦大学附中读完高中后，在美国完成大学学业，本科毕业于Colgate University，后在Parsons设计学院获得Design & Technology艺术硕士学位。他是Vue Technology LLC创始人，曾经在Google Creative Lab就职，参与过多个项目的界面原型研发，后加入Meteor，参与Meteor框架本身的维护和Meteor Galaxy平台的交互设计与前端开发。
2014年2月，尤雨溪开源了一个前端开发库Vue.js。Vue.js是构建Web界面的JavaScript库，也是一个通过简洁的API提供高效数据绑定和灵活组件的系统。2016年9月3日，在南京的JSConf上，尤雨溪正式宣布以技术顾问的身份加盟阿里巴巴Weex团队，来做Vue和Weex的JavaScript runtime整合，目标是让大家能用Vue的语法跨三端。目前，他全职投入Vue.js的开发与维护，立志将Vue.js打造成与Angular/React平起平坐的世界顶级框架。
Vue.js（读音/vju：/，发音类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，也非常容易与其他库或已有项目整合。另外，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js还提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的API，其目标是通过尽可能简单的API实现响应式的数据绑定和可组合的视图组件。
我们也可以说Vue.js是一套响应式系统（Reactivity System）。数据模型层（Model）只是普通JavaScript对象，如图1-1所示，“{}”代表一个JavaScript对象，修改它则更新相应的HTML片段（DOM），这些HTML片段也称为“视图（view）”。这会让状态管理变得非常简单且直观，可实现数据的双向绑定，所以我们也称之为响应式系统。图1-1 Vue数据模型与DOM1.1.2 为什么使用Vue.js
我们都知道完整的网页是由DOM组合与嵌套形成最基本的视图结构，再加上CSS样式的修饰，使用JavaScript接受用户的交互请求，并通过事件机制来响应用户交互操作而形成的。我们把最基本的视图结构拿出来，称为视图层。这个被称为视图层的部分就是Vue核心库关注的部分。为什么关注它呢？因为一些页面元素非常多。结构庞大的网页如果使用传统开发方式，数据和视图会全部混合在HTML中，处理起来十分不易，并且结构之间还存在依赖或依存关系，代码上就会出现更多问题。有过前端开发基础的读者都应当了解过jQuery，jQuery给予我们简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、事件处理等操作。
用过jQuery的读者都有体会，开始页面元素不多，有时会需要一层层地不断向上寻找父辈元素，如$('#xxx').parent().parent()，但后期修改页面结构，代码可能就会变得臃肿，如$('#xxx').parent().parent().parent()，随着产品升级的速度越来越快，修改变得越来越多，页面中相似的关联和嵌套DOM元素多得数不清，而jQuery选择器及DOM操作本身也存在性能缺失问题，想要修改无从下手。原本轻巧简洁的jQuery代码，在产品需求面前变得啰嗦冗长。
但是Vue.js解决了这些问题，这些问题将在Vue中消失。1.1.3 Vue.js的主要特点
Vue.js是一个优秀的前端界面开发JavaScript库，它之所以非常火，是因为有众多突出的特点，其中主要的特点有以下几个。1.轻量级的框架
Vue.js能够自动追踪依赖的模板表达式和计算属性，提供MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的API，使读者更加容易理解，能够更快上手。2.双向数据绑定
声明式渲染是数据双向绑定的主要体现，同样也是Vue.js的核心，它允许采用简洁的模板语法将数据声明式渲染整合进DOM。3.指令
Vue.js与页面进行交互，主要就是通过内置指令来完成的，指令的作用是当其表达式的值改变时相应地将某些行为应用到DOM上。4.组件化
组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在Vue中，父子组件通过props传递通信，从父向子单向传递。子组件与父组件通信，通过触发事件通知父组件改变数据。这样就形成了一个基本的父子通信模式。
在开发中组件和HTML、JavaScript等有非常紧密的关系时，可以根据实际的需要自定义组件，使开发变得更加便利，可大量减少代码编写量。组件还支持热重载（hotreload）。当我们做了修改时，不会刷新页面，只是对组件本身进行立刻重载，不会影响整个应用当前的状态。CSS也支持热重载。5.客户端路由
Vue-router是Vue.js官方的路由插件，与Vue.js深度集成，用于构建单页面应用。Vue单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来，传统的页面是通过超链接实现页面的切换和跳转的。6.状态管理
状态管理实际就是一个单向的数据流，State驱动View的渲染，而用户对View进行操作产生Action，使State产生变化，从而使View重新渲染，形成一个单独的组件。
最新发行的Vue 2.X比Vue 1.X更轻、更快，不仅在Vue 1.X基础上有很大的提升，相比于其他框架还有很大的性能优势。Vue学起来比较简单，更容易上手。1.1.4 Vue.js的优势
Vue与其他框架相比有什么优势呢？上面我们已经提到了jQuery，还有其他的前端框架，如React、Angular等。相比较而言，Vue最为轻量化，而且已经形成了完整的一套生态系统，可以快速迭代更新。作为前端开发人员的首选入门框架，Vue有很多优势。（1）Vue.js可以进行组件化开发，使代码编写量大大减少，读者更加易于理解。（2）Vue.js最突出的优势在于可以对数据进行双向绑定（在之后的编写中我们会明显地感觉到这个特点的便捷）。（3）使用Vue.js编写出来的界面效果本身就是响应式的，这使网页在各种设备上都能显示出非常好看的效果。（4）相比传统的页面通过超链接实现页面的切换和跳转，Vue使用路由不会刷新页面。说明 Vue必须在ES5版本以上的环境下使用，一些不支持ES5的旧浏览器中无法运行Vue。1.2 Vue.js的下载及使用
通过前面的介绍，我们对于什么是Vue.js及Vue的特点和优势已经有了一个初步的了解，接下来我们来学习Vue.js的使用，首先我们需要下载Vue.js。1.2.1 Vue.js下载
下载Vue.js可以直接去官网，如图1-2所示。图1-2 Vue下载说明 在开发中最好使用开发版本，在控制台有错误提示信息方便调试程序。1.2.2 Vue.js引用
已经下载了Vue.js，如何把Vue.js引入代码中呢？可以使用
试读结束[说明：试读内容隐藏了图片]