如何快速有效的学习vue框架

如何快速有效的学习vue框架

相信从事前端开发或者有想法学习前端开发的同学来说，vue在你耳边一定不陌生，不管你朋友推荐还是百度搜索，vue框架已经迅速崛起，担当起了领导者的重任，在react出事之后，vue已经基本成了前端必不可少的框架，从1x到3x版本进行了里程碑的式的升级，那我们今天来聊一聊改如果快速有效的去学习使用这个框架。

• vue是什么？
  相信大家并不陌生，vue是一个简单、快速、高效、轻量级的渐进式框架，何为渐进式框架的呢：与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动
  2、vue能干什么？
  技术语言的飞快更新迭代促使各种框架接连诞生，那vue具体能干什么呢，它可以做html/js做的任何事情，并且相对来说，更轻量，更方便，更好用，甚至可以做app，这里给大家推荐一个基于vue的跨平台app开发解决方案：uniapp
  3、如何快速入手并且有效的学习呢？
  首先我们再学习的时候，必须要对html、css、js有一定基础的了解，这样对于我们学习vue会有很大的帮助，有些人会选择去官网阅读文档去学习，有些人或选择一些教学视频去学习，当前每个人都有自己的学习方式，我们要说的是如何快速有效的去学习。

• 我们可以从认识vue开始，了解vue是干什么的，vue能做什么，vue有什么样的优点值得我们学习

• 接下来我们要做的就是选择你要学习的vue版本，比如说你想从1x版本入手，一步一步进阶，但是1x版本对于项目的整体架构没有一个统一，到2x及3x版本的时候，基于webpack对于vue的搭建，运行，调试都有了自己的脚手架（vue-cli）,一般我们项目实际开发基本都会使用脚手架去快速构建项目，那么建议你从2x学习，往3x进阶，从3x版本开始，vue底层重构，全部使用typeSrcipt，并且开发了很多底层的api，这对于我们想从源码入手学习的同学可能增加了难度。

• 现在我们就要去置顶适合自己的学习规划，我们可以参考教学视频，我们可以参考官方文档，去指定自己的学习计划，比如我们每天要学习什么，要学习多上时间，学习完实践多长时间，达到什么样的程度才能达标，这是我们要做的重要一步。

• 接下来我们就需要一步一步的去按照我们的计划去完成学习，俗话说：万事开头难，但是只要坚持下来，就绝对没有问题，再者vue的学习不是特别的难，在学习的过程中做好笔记，做好记录，建议我们每次学习完一个知识点，自己多练习，直到完全掌握，闭眼就能浮现在眼前。

• 当我们真正去学习的过程中一定要不懂的地方多问，多思考，不能说我记住这个东西怎么用就行，你还需要知道这个东西是什么原理，是怎么早出来的，比如我们学习vue的数据双向绑定的时候，一定要究其根底。这对于你以后面试找工作有相当大的好处。

• 学习完后一定要找2-3个项目去实战，直到自己可以完全一个人能完成项目的时候，基本就可以了，不同类型的项目，不同的需求都要多实战。

• 这个时候你再工作中肯定是没有问题了，人往高处走，水往低处流。接下来我们需要考虑的就是对于vue项目架构的二次封装，封装适合自己项目开发的流程控制或者框架，这时候你需要做的就是多学习vue基础的封装，比如干活webpakc打包封装，vue组件封装，路由封装，数据请求封装，在你完全了解了这些封装的原理后相信一定会豁然开朗。

• 当你完全可以不依赖vue-cli去构建项目，可以自己独立完成一个vue项目的封装的时候（基于vueJS封装引用、封装打包、封装配置、封装请求、封装页面管理、封装路由管理、封装插件管理…）那么你已经完全合格了，可以考虑继续进阶其他框架了

• 祝您越来越优秀
  针对于初学者，我录制了一套完整的免费学习进阶视频，希望我们可以共同进步：vue入门及进阶课程