Vue.js开发理论与编码实践结合，学以致用！看这篇就够了！

刘汉伟 /编写

传统的网站开发一般采用HTML+CSS+JS " 三驾马车"作为技术架构，而Vue立足于其上，以模板 语法为基础，以数据绑定和组件经开发为核心，极大地简化了开发流程。使用Vue技术栈，开发者甚至可以在几分钟内搭建出一个完整的前端项目。

学习建议

对于初次接触Vue的同学来说，最好你能将本书耐心读完，这本书在让你学会使用Vue之外，或将对你的编程境界有所提高。

如果你急于应聘要求具备Vue的使用经验的岗位的话，你需要掌握第3章和第4章中有关数据和方法的选项，并对第4章中有关封装复用和第5章、第6章的内容有所了解，之后快速进入实战，查看4个Web项目的源码和演示。在Vue的深水区游泳，还不至于窒息。

如果你喜欢听故事的话，不妨把第1章读一下，毕竟在日后的工作中能接触到的代码五花八门，能对这些代码的年代特征形成基本的认识，也是蛮不错的。

本书的知识点均配以示例，希望通过演示示例的方式能使复杂和空洞的理论变得形象起来，这些示例的代码将随书附赠。希望同学们在学习时不要干嚼文字，对于不理解的地方一定要运行一下，空看十遍不如上手一试。

在后面的实战章节中，本书只摘取了部分具有代表性的代码和流程进行讲解，逻辑结构较为抽象，建议同学们先运行一下项目，对项目内容有个大致的了解，之后参照着项目源码进行学习。

本书特色

1.示例为主，剖析为辅，一切尽在运行中，避免将理论架空

本书中的知识点均配以精心编制、具有代表性的示例，并力图将知识点融入到示例中进行讲述，目的在于以示例为驱动演绎知识点，将理论生动形象化，以避免大段理论带来的枯燥感和视野盲区。在由浅入深地讲述一套知识体系时，笔者将以同一示例为原型，不断对其进行丰富和变换，绝不会引入新的示例代码以增添读者的负担。此外，这些示例均是独立可运行的，读者完全可以在模仿和拓展中解决阅读时产生的疑惑。

2.理论与实践结合，在理论中洞察，在实践中感悟

本书的前六章内容重在讲解Vue的知识体系，力图使读者达到学有所知、学有所感的地步，使读者在接触到陌生的Vue代码片段时，能够知其优劣，以渔之法渔鱼。而后五章内容以常见的网站类型为例，展示了Vue在项目开发中的一些运用，这些网站包括电商类网站（PC端）、企业官网（兼容PC和移动端）、资讯类网站（移动端）和工具类网站（PC端）。

以理论指导实践，以实践检验和丰富理论，这是一个螺旋上升的过程，也是认知新事物的正确方法。笔者希望以理论与实践相结合的方式，避免步入纸上谈兵的后尘，使读者不仅能够学有所知、学有所感，更能够学以致用。

3.多年经验和心得，大型项目的最佳实践和设计模式

多来以来，笔者一直活跃于GitHub等开源社区，接触过国内外许多优秀项目的源码，并以软件工程的专业知识不断检验和更新自己的认知。

本书学前基础

Vue立足于JS，这意味着你在学习本书之前要具备扎实的JS基础，除了会用最基本的关键字和语法结构之外，你还需要掌握JS中的事件机制、DOM编程、闭包、对象引用和一些内置对象的常用方法等内容。当然，笔者也会在书中对这些内容进行简单的介绍，以确保不会对Vue的学习造成障碍。不过，作为一本前端技术的进阶用书，你的编程境界越高，你能体会到的也就越多。

除了具备扎实的JS基础之外，你还需要掌握基本的CSS和H5用法，这些是组件化开发中必不可少的内容。

在项目实战中，笔者将会使用一些CSS和H5的高级特性或引入一些第三方组件库，缺乏相关开发经验的同学也许会对此感到陌生，不过也不必担心，笔者会对这些内容进行详细讲解。当然，它们也并不难于习得。

本书正是以Vue技术栈为核心，由浅入深地进行讲解。在语法学习之外，本书还将深入探讨和模拟底层机制的实现，以原生的角度剖析框架。最后，本书将以当前最常见的网站类型为例来讲解实战课程。

本书将选取有代表性和表达鲜明的示例，以实战示例讲解知识点，避免将理论架空和复杂化，并力图使用浅显易懂的语言进行论述，最大程度地使文章内容更易于理解。对于一些最佳实践和优秀模式，本书还将对其主题化进行论述。与其他同类书籍相比，本书是一个前端从业者的角度来思考和编写的，切身实地地专注于解决学习者在职业生涯上遇到的一些困难和瓶颈。