从零开始学习 Vue,循序渐进的学习 Vue 中常用功能。
写这个文档的起因是因为一个刚入行的朋友,要开始学习 Vue,给他解惑的重任自然就落在我身上了。但是让他自己看官方文档和通过我的一些只言片语是无法讲清楚的,想当初我学习的时候看官方文档也没有学的那么轻松,可能官网文档有些词语比较“晦涩”。但我经过长时间的使用后,再回过头来看官方文档,发现官方文档已经把所有的内容都写全了,只不过有些地方话语不够通俗易懂,真实例子不够详细。
所以,我准备在官方文档的基础上,把项目中常用的功能进行系统描述,同时每个“功能”之间尽可能的分离(内容不会涉及大量没有学习过的知识),用通俗易懂的话语和简单的代码展示出来,希望能够帮助刚接触 vue的同学尽快上手。同时,本文也不会把 Vue 的所有 API 一一进行讲解,只会挑选我们工作中使用频率最高的。
本篇文档是基于Vue2.X 版本进行讲解。所有内容都是在官网文档的基础上进行扩充筛选。所以,初学者要对比着官网文档进行学习,如果两者有差异,一切以官方文档为主 👍。
因为本人并不是资深开发者,所以可能有些错误和漏洞,恳请各位多多指正。
本文只适合初学者。如果你已经在工作中使用过一段时间的开发者,那么 Vue 官方文档才是你首要的目标。
本文通过循序渐进的方式,把 Vue 中的每个“功能模块”拆分开来进行讲解,上下文和例子的依赖比较明显。所以建议从本文的开头依次进行学习。同时,在每篇文章最后都有几个简单的小例子,建议看完后手动实现一下加深印象。
学习是一个从陌生到熟练的过程,如果你感觉学会了之后,一定要多写。