Vue.js项目实战

编辑推荐

　　Vue易用、灵活、速度快，为构建完整的现代Web应用提供了所需的所有功能，其渐进式的特点也让开发者能够轻松上手，推出后迅速得到了前端开发人员的青睐。
　　本书由Vue.js核心团队成员纪尧姆·周（Guillaume Chau）执笔，通过从头构建6个真实的Web应用，带领读者掌握Vue.js开发，将动画、路由、状态管理、服务端渲染和国际化等技巧提升到一个新的水平。
　　·用Webpack构建工具和官方脚手架工具vue-cli搭建完整的Vue.js项目
　　·用指令编写自动更新的模板，创建动态Web应用
　　·用可复用、可维护的组件构建应用
　　·借助动画创造令人愉悦的用户体验
　　·用构建工具和预处理器搭建大型专业应用
　　·用Vue.js官方路由库创建多页面应用
　　·将非Vue.js元素集成到应用中
　　·用官方状态管理库来预防错误
　　·用服务端渲染和国际化来优化应用性能，实现更好的搜索引擎优化
　　·利用全栈框架Meteor的实时处理功能

内容简介

　　本书基于6个项目来引导读者深入理解Vue.js。书中首先介绍Vue的基础知识，并使用指令和丰富的用户体验创建D一个Web应用；随后通过创建基于浏览器的游戏来介绍动画和交互性；然后通过可用的工具和预处理器讲解如何使用插件创建多页面应用，并为应用创建高效、高性能的组件；接下来创建一个在线商店并对其进行优化；zui后将Vue与实时库Meteor集成，创建一个显示实时数据的仪表盘。

作者简介

　　【作者简介】纪尧姆·周（Guillaume Chau） Vue.js核心团队成员、Apollo GraphQL贡献者、Livestorm公司前端工程师。他分别将Vue.js与Meteor和Apollo GraphQL集成（vue-meteor和vue-apollo），帮助开发人员构建高交互性和实时的Web应用程序，还通过vue-virtual-scroller、vue-supply等工具为开源社区持续做出贡献。
　　【译者简介】周智勋 旅居昆明，从事IT行业10余载，会写一些代码。闲时跑步打球，写写博客：破船之家。张伟杰不会跳舞的产品经理不是一个好程序员。爱跳舞、爱数码、爱技术，文艺青年的外表，技术宅男的内心。一个时常打破他人认知、无法被定义的人。孔亚杰一只后知后觉的“程序猿”，爱篮球、爱音乐、爱游戏，立志成为一名优秀的前端架构师。目前就职于上海一家人工智能猎头招聘平台。李骏软件工程师，有多年手机游戏和Web前端开发经验，现就职于北京一家科技公司。

前言

　　前言
　　作为一个相对较新的UI库，Vue对于当前主流的JavaScript库（如Angular和React）来说有很大的威胁。Vue有很多优点：易用、灵活、速度快，并且为构建完整的现代Web应用提供了所需的所有功能。
　　Vue渐进式的特点使得开发者能够轻松上手，然后使用更高级的功能对应用进行扩展。Vue还具有一个丰富的生态系统，包括官方提供的一些库，用于路由、状态管理、脚手架（vue-cli）和单元测试。Vue甚至开箱即用地支持服务端渲染。
　　这一切都要归功于一个令人惊叹的社区，以及一支了不起的核心团队。是他们推动着Web技术的创新，并使得Vue成为一个可持续发展的开源项目。
　　为了帮助开发者学习Vue并利用Vue构建应用，本书由6个指南构成。每个指南都是一个具体的项目。在学习每个项目时，开发者将自己动手构建一个实际的应用。这也就意味着，学完本书时，开发者将拥有6个可以运行的Vue应用。
　　就如Vue一样，书中的这些项目也是渐进式的，一步一步引入新的知识点，使得开发者能轻松地掌握Vue。第一个项目不需要太多配置和构建工具，所以开发者可以立即构建出一个实际的应用。接着，更高级的知识点会被逐步引入项目中。当学完本书时，开发者将拥有一套完整的Vue开发技能。

精彩书摘

　　在最后一章里，我们使用了一个新的全栈框架，名为Meteor。我们将Vue整合到了应用中，并创建了一个Meteor响应式集合。通过Meteor方法，我们向集合插入文档并将数据实时显示在仪表盘组件中。
　　虽然本书已经到了尾声，但我们使用Vue的旅程才刚刚开始。一开始，我们学习了模板和响应式数据的基本概念，在不使用构建工具的情况下编写简单的应用。即使没有使用很多其他工具，也能开发出一个Markdown记事本，甚至一个带动画的浏览器卡牌游戏。接着，我们使用一系列工具来开发更大型的应用。官方命令行工具vue-cli在搭建项目的过程中帮了大忙。单文件组件（.vue文件）使组件易于维护和进化。我们还轻松地使用了预处理语言，如Stylus。管理多页面时必须使用官方路由库vue-router，我们在第5章中用它做出了很漂亮的用户系统以及私有路由。接着，我们进入了一个完全不同的阶段，在使用官方Vuex库以可扩展、安全的方式开发博客地图的过程中用到了很多高级功能，如Google OAuth和Google地图。之后，我们通过ESLint提高了在线商店应用的代码质量，并为组件编写了单元测试。我们甚至为应用添加了本地化支持以及服务端渲染，使其变得更为专业。
　　现在，你可以通过改进书中的项目来做练习，甚至可以开发自己的项目。使用Vue可以提高你的技巧，你也可以通过参加活动、与社区成员在线交流、参与Vue的开发（https://github.com/vuejs/vue）或帮助他人来提高自己的水平。分享知识会让你学到更多，并且在自己的领域做得更好。

---