快速上手

很多前端开发人员都没有 JQuery 或者 vanilla js， 也就是 原生 js 的研发经验，当学习完 三剑客 后直接就从 Vue 开始了自己的前端生涯。

这好比下图所要表达的意思，只不过左边的图标用的是 React 而不是 Vue。

图片出自

但是对于新人而言我觉得这未尝不是一件好事， 有多少 司机 理解 内燃机 的原理 ?

而我对这张图有不一样的看法， 我认为 左边 表示 如何编写程序 和 理解程序的底层运行原理。 这是两种技能，它们同样重要。 举一个例子， 我见过不少程序员特别喜欢研究程序的底层运行原理，但是他们的代码写地很糟糕。因为他们关注的是 how 而忽视了 what。

作为新人，我觉得理解程序底层原理并不是迫在眉睫的事情，学会编写前端程序才能解决燃眉之急。既然如此你可能会想到 到底 React 和 Vue 有什么不同，他们和 Vanilla JS 编写的程序有什么区别呢? 简单来说 React 和 Vue 都属于编程范式。 这好比 是两种 撮虾子 的方式，有的人喜欢用 手 有的人喜欢用 嘴，但是目的都一样都是把 虾肉 和 虾壳 分开，然后吃掉 虾肉。

我们先看看 Vue 2 介绍 和 React Hello World 很容易发现这两种不同的技术的入门文档风格是有很大区别的。

学习它们，首先你需要掌握 JavaScript 的基础。并且掌握一些 JavaScript 的 新语法。 然后我建议你继续读完它们，当然学完 Vue的就足够了， React 的入门资料只是用来对比。

在接下来章节里面我将列举出常用的 Vue 的 习语 和 模式。