最简单的Vue.js入门方法

最近花了几天看了下vue， 确实vue相对于其余两大前端框架来讲，学习成本会低不少。 文档、社区、资料都很完善。下面是我以为还不错的学习路径,但愿对你有帮助。

传统的前端项目开发最大的问题是无法工程化和模块化。 css跟js（es6以前）自己不支持模块化开发，也就致使了代码文件无法按功能拆分、组合、压缩优化，这在大型项目的开发上制造了不少麻烦。另外在大前端日趋火热的当下，为了写一次接口能适配到不一样端（PC、wap、android、ios、桌面应用、小程序.etc），先后端分离也是必不可少。基于以上缘由，使用一款成熟的前端框架，对于前端项目开发来讲是颇有必要的，能很大的提升生产力。

若是你对前端工程化不慎了解的话建议先看看这篇文章： 前端工程化

Ok，在明白了前端框架的必要性后，咱们就要开始学习vue.js了。

学习vue.js的前提是掌握了 html/js/css，这块应该没什么难度，你们很容易就能掌握。
接下来须要掌握ES6, 这是大前提必定要懂，必定要懂，必定要懂， 推荐阅读阮一峰的 ES6入门
接着你须要去了解一下webpack， 推荐阅读这篇 入门 Webpack，看这篇就够了

在了解es6跟webpack以后，就能够正式进入咱们的vue.js学习之旅了。
首先通读一下官网的教程官方教程， 看的期间要跟着敲代码。 官方教程的内容仍是蛮多的，有些内容也不是很好理解。因此看不懂就跳过。 这一步咱们只要知道vue有什么功能就好了。
看完了以后，再去看一下 Vue Router, 路由这个功能开发中也是必要的。
最后再看下Vue CLI, 正式开发的时候咱们都是用这个工具来构建项目。

OK，官方教程看完，我相信你仍是很迷，到底怎么使用vue去开发一个项目，内心仍是没底。 不要紧，接下来咱们就找找视频教程实战，练练手。
视频的话能够到腾讯课堂上面看（我发现这里有免费的实战视频，其余地方好像都收费。）
我这里推荐个视频 Vue实战-景点介绍小应用，经过这个视频你基本能明白怎么样使用vue、vue-cli、vue-router去开发一个项目。

恭喜你，作完以上操做，估计几天也过去了， 你也算入门vue了。 接下来呢，你能够以视频+github案例的方式继续深刻学习Vue.js。
这里我推荐个不错的demo vue2-elm

PS:本文为何没说起vuex， 是由于vuex对入门来讲不是必要的。