关于前端框架VUE的个人理解

开头语

技术日新月异，入了技术坑，如果不能提升转行，就注定活到老学到老。

这几年一直听别人说Spring+VUE架构，你们懂什么是Spring？什么是VUE？

不做网站开发很久了，这段时间因工作需要改良一个网站，因此无赖了解一下。

如果您也在查相关的文章，说明您很可能也刚开始了解VUE，想知道VUE是什么，为什么要用VUE，在了解这一切之前，先说一下什么是架构。

何为架构？

所谓架构（框架），就是为您搭了一个基础性结构，您需要了解并遵循架构的规则，架构会提高您的效率，更快更高效的达到目的。

Spring是一个后台框架，Vue是个前端框架，这篇文章是关于VUE的。

什么是VUE？

这里的VUE是指vue.js，即一套基于javascript的基础代码架构，其底层实现是javascript。

为什么要用VUE?

简单的说，VUE实现了HTML与JS数据的自动传递。注意：自动传递

使用VUE前

使用VUE前，我们的代码层次是：

前端HTML-----JS脚本------（ajax）------后台（JAVA、C#）

在没有使用VUE前，您作为一个前端开发人员，您通常要做如下操作：

var val=“helloworld”;

var dom=Document.getElementByID(“ID”);

那么，JS数据——》HTML的DOM控件：

dom.innerHtml=val;

使用VUE后

使用VUE后，您的代码层次相当于：

前端HTML-----（vue.js）----JS脚本------（ajax）------后台（JAVA、C#）

vue.js将完成我们数据交换的工作，但前提是您需要：

（1）引入vue.js代码库；

（2）按照vue.js的使用规则，进行html元素和js对象的关联绑定；

我们不用自己去更新HTML控件内容，VUE帮我们更新了控件。

十年码农，从表象看本质，虽然没有看vue的源码，但大概猜测vue实现数据自动更新的原理，vue对象实际上是通过prototype原型实现的对象。

但中应该是使用了观察者模式。是否可以将多个控件绑定到同一个数据源上。

好像没有看出特别大的优势？使用vue后，html更像一个模板，你以前生成渲染页面的动作，vue已经帮你做了，这个变化尤其在表格渲染上体现明显，不信您试试用javascript或者jquery将列表数据渲染到表格中。

我们可以看看来自官网的教程：列表渲染

要不要使用vue的自动传送功能，要看个人面对得前端页面是否复杂，不管我们怎么使用框架技术，个人建议仍然要了解框架技术的本质机理，可以用，但不要过于依赖，如同发动机、芯片一个道理。

关于vue的具体使用和绑定推荐另一篇博文链接，使用方法写得很简单详细。

推荐链接：https://www.jianshu.com/p/5d0d913d2453