给前端初学者的Vue 学习建议

我是一个有十年开经验的老程序猿，在公司待过很多实习生、应届生，也兼职在当培训老师带学生，以下内容分享给准备学习 Vue 的童鞋。

1、如果 JavaScript 还比较不熟练的话，先花两周的时间把 JavaScript 再提升一下，建议直接看 《JavaScript高级程序设计》；

2、看 Vue 的官方文档，Vue的官方文档对我们中国人很友好，比 React 的文档要更友好一些，基本上接近大白话了。直接新建一个 HTML，然后引入 Vue，开始学习基础用法。

这里强调一下：一开始学习的时候不要使用 vue-cli 创建，尤其是在你还不熟悉基于 Node.js 的构建工具时，不要给自己增加复杂度，直接在 script 标签中引入就好了。

3、学习基础语法的时候重点把双向绑定、data、props、条件（v-if、v-else）、循环（v-for）、事件处理、计算属性、watch先学一遍，学完这些之后，对 Vue 算是有一些了解了，能写出最基本的代码了。

4、有了以上的基础之后，就可以开始学习组件、插槽等内容，这里主要是要了解一下组件化的思想。

5、从我带学生的经验来看，学完上面的内容，应该要两周左右的时间，接着就可以使用 vue-cli 去学习了，

这个过程中需要了解一下 webpack，至少知道 loader、plugin 是什么，对 .vue 文件是编译成 js 文件要有最基本的了解。

6、开始做小项目，我一般会建议先做个 todo-list，做这个小项目基本上可以把学到的所有基础知识用上去。

7、学习一下 axios 是怎么用的，公司里肯定会对 axios 进行一层封装，不过不难。

8、这时候可以进行业务开发了，写一些基础的业务，简单的组件应该不成问题了。写三个月左右，可以稍微熟练一些了。

9、你大概率情况下会用开源的组件库，比如 Element UI、IView、Ant Design Vue，你有一些经验了，应该去尝试看看组件库的源码，特别是当你遇到问题的时候，带着问题去看组件库的源码，你应该去学习一下这个组件是怎么实现的，对组件源码熟悉了，对你后续遇到问题的时候会更有思路。学习高手是怎么封装组件的，对你的业务开发有指导作用。

0基础的小白也能转行吗?很多同学都有这样的疑虑，认为没那么简单。下面小编总结了一些关于web前端入门的东西，希望对大家有所帮助。

一、web前端入行门槛低吗?

对于这个问题，应该辩证地看。相对于IT技术类的其他岗位，web前端绝对算是门槛较低的，当然对应的起点也低。如果是小白入行或转行到IT技术的话，建议选择web前端。

它的门槛低主要体现在两个方面：

Web前端入门门槛低体现在HTML和CSS上，前者只是结构标签，后者是样式配置，入门是非常简单的，给大家分享一些现成相关的视频学习资料以及电子版书籍资料，

2.Web前端入门门槛低的另一个重要体现就是，符合82定律，也就是20%的东西使用率占到80%。所以很适合囫囵吞枣，因此我们的重点就是把这20%学起来，而首先要做的就是把这20%的东西找出来。前端这20%的东西大概就是常用的html标签，css的盒子模型，基本的原生js，以及熟练使用jquery，ajax，常见浏览器的兼容。当你把我之前说的基础打好之后，学习起来畅通无阻，随学随用。最后最难的就是实践，只有实践才能学到真正的技术，新人很难参与一些有价值有意义的项目，没有这些项目又很难成长，所以自己有项目可参与应该珍惜。

二、怎样入门web前端?

有同学给出了很好的建议，现在小编推荐给大家：

学习前端就好比如盖房子~HTML就充当了房子架构这部分，也是房子的基础。

CSS呢，就好比咱们房子的装修，墙面什么颜色，什么风格，什么地板...这些给房子改变风格。

cssjava，就好比这个房子的功能，房子需要制冷吧，需要暖气吧，也需要上下水吧。这些功能性的就相当于是java，例子可能不是很恰当，只是帮助大家对Web有个初步的认识。

Web前端好学么?Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。