小白使用VUE写前端

端出身，很瞧不起写前端的人，和前端人员聊天时有种无限的优越感。
一直认为前端简单，怎么写都不会死机。不像C++。不重视。从来没有系统的学习过前端。偶尔项目需要的时候，也时通过度娘，拷贝复制黏贴解决。但却就像打补丁一样，各种风格的组合。说白了就是无法驾驭前端技术的情况下，但却各种效果都想要，导致的原因。
最近由于工作发生变化，有空余时间，因此在网上接了一个活路，一个超级简单的项目管理系统。基于有限的前端技术，随便报了一个超低价格（后面没时间做时，想转给其他人都没有人愿意接）。好吧，既然答应了人家，不管价格如何，必须实现承诺。因此自己硬着头皮上！
好的，接下来就是选定前端框架。第一个出现在我脑海中的就是传统的，10年起在学校学习过的HTML+CSS+DIV。这就是自造轮胎从原始社会的方法起步！
停下来想了下，当前这些互联网公司这么火热，前端人员的薪资也是大大上翻。不可能行业没有进步！那么漂亮的前端通过10年前的方法去写，需要耗费多少人力和物力，而且还不会有这样的效果。于是乎，开始在网上各种的搜索。接下来，bootstrip,vue,React,Angular,jqueryui等等…开始映入我的眼眶，web前端发展至今，演变出了无数的库和框架。瞬间发现我已经严重落伍！ 由于时间比较紧张，个人选择框架还是以，1. 流行，使用的人多。2. 可复用的库多, 便于快速搭积木实现业务。3. 有在生产环境中使用，确保稳定性即可。 Jquery 很早之前就有了解，但是，给我的印象他只是在某些方法上提供便捷而以, 仅仅只是一个很小的提速而以。通过比对最终锁定VUE。通过官网了解到这是一个开源项目，团队里面的成员来自于各个大型互联网公司，阿里，百度，饿了么，等等。通过VUE官网的极短的视频教程更加让我相信，VUE就是我期待的框架。
这次我没有按之前的习惯，编写边摸索，而是在网上找视频，照着视频完成了项目框架搭建使用的时饿了么开发的elmentui 。但由于接触的时间特别短，完全无法驾驭里面的功能。还是需要仔细学习。 于是，各种找资料。 VUE是一个MVVM实现。　Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，是Vue实例从创建到销毁的过程 .和之前的MVC相比MVVM是正式的前端人员反超后端人员的革命，前端开发人员终于翻身做了主人，可自己控制C，而不是有后端控制。
在MVVM模式下，后端人员只是一个数据提供者，业务逻辑由前端人员把控。 VUE其实就是一个单页应用。通过JS深度操纵DOM树种的元素。从视图到数据，从数据到视图，都进行封装。使用起来非常方便。而且可以减少页面刷新带来的延迟。
使用VUE的初衷是快速搭建应用。首先需要学习的就是VUE的页面结构。Template, script, style。 通过使用elementUI，直接拷贝现有组件。可以分分钟内实现炫酷效果。通过JS控制视图种的数据模型。VUE已经完成了双向数据绑定。由于还是初步使用阶段因此这里和大家介绍下这段时间我从小白开始写前端的遇到的几个坑或者是建议，便于后面象我一样的人员可以加速学习。

1. 建议使用VScode. 搭建开发框架。
2. 理解什么是npm,什么是cnpm.
3. 熟悉element UI。
4. 理解JS种的箭头函数。理解JS的匿名函数,callback。
5. 理解router.通过嵌套route-view实现复杂页面。VUE的UI通过data函数与数据模型进行绑定。通过this.数据对象名称.对象属性直接更改数据，VUE框架自动实现UI更新。
6. 表单验证的rules中的validator不管成功与否都需要调用回调函数（callback（））。

其他的还在学习中。后续会继续更新。