本文会以一个网站开发人员的视角，和您一起跟着项目学Vue.js。

项目介绍:原项目的移动版，会把主要功能移植过来，包括在产品目录、购物车和结账功能。

而在项目开始之前，我们的网站开发人员并不是对SPA程序一无所知，他认为自己有一定基础，在至少三个React项目经验加持下，他有信心在短时间内上手。虽然这几个项目并不算成功，其中有一个还因为各种技术问题，导致最终并没有上线。但编程就是这样奇妙的一件事情，开发人员需要经验，即使是失败的经验，也是难能可贵的。

项目三个选择：Angular 重量级框架 VS Vue轻量级框架 VS React重量级库

在以往的开发中，我们的网站开发人员通过三个项目证明了一件事，那就是像react这样的重量级库，是真正的高手才能玩儿的转的东西。如果是没有任何SPA经验的小白，选用React做项目，那就像是没有 HTML 和 JavaScript 基础的人，说自己精通BootStrap一样，你说你不会HTML，又不会JavaScript ，那光要一个BootStrap有何用？

Angular:

Angular 的学习曲线是非常陡峭的——作为一个重量级框架，你也因此需要理解非常多的概念才能开始有效率地工作。有没有哪本前端教材第一章就是讲Web服务器，第二章就服务端渲染的？有，Angular！

Angular 本身的复杂度是因为它的设计目标就是只针对大型的复杂应用；这也使得它对于经验不甚丰富的开发者相当的不友好。

React:

如果您曾经系统的学习过Angualr，或者已经至少用Vue做过几个项目了，那恭喜你，React已经是您最好的选择了。JSX确实有更好的IDE支持，使您在开发组件时可以更专注于逻辑。

React就像是相声，看起来和Vue一样，门槛极低，曾经年经的我们，讲了个笑话就算是入门了，但真正入了门你才会发现，屋子里还藏了一个珠穆朗玛峰。。。问题的关键还是对说学逗唱这几门技艺的积累，不然的话，就算是讲的笑话再好笑，那也不叫相声。

来看其中一点：组件作用域内的 CSS

除非你把组件分布在多个文件上 (例如 CSS Modules)，CSS 作用域在 React 中是通过 CSS-in-JS 的方案实现的 (比如 styled-components、glamorous 和 emotion)。这引入了一个新的面向组件的样式范例，它和普通的 CSS 撰写过程是有区别的。另外，虽然在构建时将 CSS 提取到一个单独的样式表是支持的，但 bundle 里通常还是需要一个运行时程序来让这些样式生效。当你能够利用 JavaScript 灵活处理样式的同时，也需要权衡 bundle 的尺寸和运行时的开销。

如果您对Web服务器，Nodejs，WebPack， bundle，渲染，Flux，ES6，Babel等等一无所知，那欢迎您的加入，和网站开发人员一起，跟着项目学Vue.js。

综上所述

学习 Vue，只需要有良好的 HTML 和 JavaScript 基础。有了这些基本的技能，就可以非常快速地通过官方文档投入开发。而当你有了一整个轻量级框架的知识作为基础，站在这个高度，再来看那些其他的框架，或许已经不需要再仰着头了。