为什么要用VUE

在学习一门新的技术之前，最先在我脑子里浮现的一个问题就是：为什么我要用VUE？它有哪些好的功能使得我必须学习它？

可以去看看官网对VUE的介绍：

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

介绍的很高大上，看完之后似乎明白了什么，但是又什么都不明白。这都无所谓，一门新的技术的产生必定是为了解决我们在开发过程中遇到的各种麻烦。于是通过回忆自己在前端开发过程中各种苦逼的经历，再来看官网对VUE的介绍，我发现了我迫切需要学习VUE的动力之一：响应的数据绑定功能。

一、响应的数据绑定功能

往事不堪回首却历历在目，我们之前官网的前端用的是jsp技术，一个jsp文件里包含了前端代码和后端java代码。这对前端开发来说有以下几个麻烦：

1.页面代码乱杂，影响心情

一个jsp页面里，充斥着各种java语句、html语句、js代码。如同一锅大杂烩，看一眼就没了食欲。在这样一个混乱的jsp页面里开发，可想而知心情有多烦躁了。

2.天天苦逼哈哈地求助后端人员

在页面之中如果有动态部分，大部分都是需要后端代码的，举个很简单的例子，前端要展示一个列表，需要用java写一个List（我对java不懂，不知道自己理解的对不对，代码是没啥问题的，摘抄了一点以前的项目代码如下：）

<%
    ClientP2pUser p2pUser = (ClientP2pUser)request.getSession().getAttribute("p2pUser");
    List prolist = (List) request.getAttribute("prolist");
    if (prolist != null && prolist.size() > 0) {
    for (int i = 0; i < prolist.size(); i++) {
		ClientP2pProject pro = (ClientP2pProject) prolist.get(i);
			String proName = StrUtil.doNull(pro.getPname());
			……
			……
        }
	}
%>

虽然我们公司的后端人员人不错，但是总有不耐烦的时候呀，本来大家都是平等工作但是却要去求别人，真的是憋屈的很。这时候你们也许会问，为什么不让后端把接口写好，我直接请求数据