Vue框架易于学习吗？要多长时间？要学习的内容

它的语法简单，易于理解，并且轻量级。建议在移动终端上使用。它省去了手动操作DOM的步骤。同一模型也有其他类似的框架，如角度和反作用力。Vue作为一种前端技术，并不是很多人掌握的。因此，以Vue的零起点学习过程为例，对每个人学习新技术都有很好的参考价值。接下来，让我们谈谈我的学习方法！

1.明确目标

当我们学习一项新技术时，我们必须有一个目标。有目标的学习不是盲目的匆忙。例如，我学习Vue的目标是什么？实际上，它是作为后台管理系统的前端接口，就像这样！

前端有很多技术，最流行的是Vue、React和Angular。但我为什么选择Vue？起初，我们研究了这三种类型。首先，我们研究了React。但是在查看了语法之后，我们觉得它不符合我们以前的习惯（我们以前学过一点JavaScript），所以我们没有选择它。安格尔研究了整件事。在使用TypeScript一段时间后，我们仍然不习惯它，最终选择了Vue。

选择Vue有三个主要原因：

首先，Vue是Github中明星最多的。既然它能排在第一位，它总是有它的优势；

其次，它提倡渐进式学习。从JavaScript到Vue的过渡是平滑的，没有陡峭的学习曲线；

而且，它的中文文档非常完善，这有利于我们的学习。

2.基础学习

在选择了我们需要学习的技术之后，下一步就是学习Vue。强烈建议我阅读一次官方教程。当我学习新技术时，我通常会阅读中文的官方文件。

官方文件地址：

https://cn.vuejs.org/v2/guide/

在学习之初，只需查看教程：

让我谈谈我阅读文件时的一些想法。核心是理解。难以理解的内容可以暂时跳过。没有必要推倒一些令人费解的部分。你当时推倒的东西将来可能不会被使用。最重要的是快速阅读文档并扩展您对这项新技术的理解。你对新技术了解得越多，你就能更好地使用它。

3.项目定位

当你对Vue有了一定的了解后，你可以找到一个最接近你目标的开源项目，从开源项目中使用的技术堆栈中学习，并快速完成你的目标。

如何查找此项目？直接到Github查找关键字Vue，并根据星星的数量排名最多！

因此，我们找到了vue元素admin开源项目：

https://github.com/PanJiaChen/vue-element-admin

通常，此类前端项目将具有在线预览地址。让我们来看看：

https://panjiachen.github.io/vue-element-admin

这个项目非常符合我们的目标，但似乎太复杂了。我们刚刚学习了Vue的基础知识，学习它几乎就像说服人们戒烟一样。无论如何，我们最好先去看看它的官方文件：

https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/

我们可以发现，还有一个名为vue-admin模板的基本模板项目：

https://github.com/PanJiaChen/vue-admin-template

在看了它的预览页面后，我发现它比上面的要简单得多，所以我决定使用它。

4.扩展知识

找到目标项目后，我们应该开始学习它。要了解开源项目，我们暂时不需要查看其源代码，而是先了解其技术堆栈。在了解了它使用的所有技术之后，学习它将很容易！

通常，开源项目中使用的技术将在README中进行描述，但本项目没有。对于Vue项目，只需查看其包即可。json文件，我们可以大致了解它的技术堆栈。

12345678910111213｛“依赖项”：｛“axios”：“0.18.1”，“element ui”：“2.13.0”，“js cookie”：“2.2.0”，“normalize.css”：“7.0.0”nbsp； ； ；"；vuex“：”3.1.0“”nbsp；}｝下一步我们需要做的是学习技术堆栈中的所有技术，或者优先考虑理解，并扩展我们的知识。

轴杆

基于JavaScript的http请求客户端，用于在浏览器中发起请求。只要您查看项目的README，您可能就会知道如何使用它。

https://github.com/axios/axios

元素ui

一套基于Vue 2.0的桌面组件库，供开发人员使用