Vue.js 前端开发 快速入门与专业应用

编辑推荐

　　学以致用：以实际项目为立足点，拒绝纸上谈兵，本书帮你快速上手！
　　应用广泛：摸透Vue.js，无论是桌面端还是移动端，让你从容面对！
　　求职利器：国内互联网公司已广泛使用Vue.js开发，再不学就晚了！

内容简介

　　《Vue.js 前端开发 快速入门与专业应用》分为10章：简介，基础特性，指令，过滤器，过渡，组件，状态管理，常用插件，工程实例，Weex打包。从简单的单个实例和基础语法，到工程实例，将系统的讲述Vue.js在项目中的适用场景和具体操作。 书的特点在于案例详实，使读者体会到框架的优点和便捷之处，提升开发效率，能将Vue.js运用到实际项目中，避免纸上谈兵的尴尬。

作者简介

　　陈陆扬 前端工程师，2011年8月入职百度担任前端工程师，2013年2月担任去哪儿网无线touch机票前端负责人。2014.11月开始创业，目前在新东方投资的在线教育公司担任前端负责人。熟悉Vue.js框架，使用并开发线上产品。

前言

　　近年来，前端框架的发展依旧火热，新的框架和名词依旧不停地出现在开发者眼前，而且开发模式也产生了一定的变化。目前来看，前端MVVM框架的出现给开发者带来了不小的便利，其中的代表就有Angular.js、React.js以及本书中将要介绍的Vue.js。这些框架的产生使得开发者能从过去手动维护DOM状态的繁琐操作中解脱出来，尽可能地让DOM的更新操作是自动的，状态变化的时候就自动更新到正确的状态。不过，新框架的引入不可避免的就是学习成本的增加以及框架普及性的问题，相对于Angular.js和React.js而言，Vue.js的学习曲线则比较平稳。目前在GitHub上已经获得了超过30000的star，成为了时下无论从实用性还是普遍性来说都是可靠的MVVM框架选择之一。
　　首次听说Vue.js的时候，都是介绍说体积小、适合移动端、使用简单，等等。但一开始对于新框架我一直持观望态度，毕竟前端框架更新太快，而且这又是个个人项目，仅由作者尤雨溪一人维护，不像Angular.js和React.js那样有公司支持。后来为了解决一个移动端的项目，我才正式接触了Vue.js。由于项目本身天然存在组件这个概念，并且需要在手机上运行，调研后觉得应该没有比Vue.js更适合的工具了。在使用过程中，逐渐体会到了Vue.js的便利，数据绑定及组件系统对于提高开发效率和代码复用性来说都有相当大的帮助，并且初期对线上项目使用这种新框架的顾虑也渐渐消除了，即使随着后期复杂度的增加也并没有对项目的开发和维护成本造成影响。
　　本书主要从我自身的学习和开发经验出发，介绍了Vue.js的基础用法和特性，包括Vue.js的一些插件用法，用于解决客户端路由和大规模状态管理，以及打包发布等构建工具，便于正式用于线上环境。
　　最后，感谢Vue.js作者尤雨溪先生为前端开发者提供了这款优秀的框架，使得开发者能够更好地应对项目复杂度；也感谢人民邮电出版社的大力支持，写书的过程的确对人是一种折磨和考验；最后感谢每天早上4点多就开始叫我起床的两只猫，它们对本书的进度的确起到了很好的推动作用。

精彩书摘

　　当获取到后端数据后，我们会把它按照一定的规则加载到写好的模板中，输出成在浏览器中显示的HTML，这个过程就称之为渲染。而Vue.js是在前端（即浏览器内）进行的模板渲染。本节主要介绍Vue.js渲染的基本语法。
　　2.3.1　前后端渲染对比
　　早期的Web项目一般是在服务器端进行渲染，服务器进程从数据库获取数据后，利用后端模板引擎，甚至于直接在HTML模板中嵌入后端语言（例如JSP），将数据加载进来生成HTML，然后通过网络传输到用户的浏览器中，然后被浏览器解析成可见的页面。而前端渲染则是在浏览器里利用JS把数据和HTML模板进行组合。两种方式各有自己的优缺点，需要根据自己的业务场景来选择技术方案。
　　前端渲染的优点在于：
　　① 业务分离，后端只需要提供数据接口，前端在开发时也不需要部署对应的后端环境，通过一些代理服务器工具就能远程获取后端数据进行开发，能够提升开发效率。
　　② 计算量转移，原本需要后端渲染的任务转移给了前端，减轻了服务器的压力。
　　而后端渲染的优点在于：
　　① 对搜索引擎友好。
　　② 首页加载时间短，后端渲染加载完成后就直接显示HTML，但前端渲染在加载完成后还需要有段js渲染的时间。
　　Vue.js 2.0 开始支持服务端渲染，从而让开发者在使用上有了更多的选择。