Vue模板项和数据项

什么是Vue？Vue是一个开发Web界面的前端框架。为什么要用Vue前端库进行Web界面的开发，使用HTML、CSS、JS、JQuery和主流的UI插件不就已经达到开发Web界面的需求了吗，为什么还要多弄一个Vue前端框架出来，请看下图：

以上两图主要功能都是一些数据的改变、监听事件，却要花费几乎50% 的篇幅使用JQuery去不断地操作DOM元素，可以想象倘若现今的淘宝若是用JQuery作为主要的用户交互技术，处理和维护起来是多么地麻烦。不断地使用代码获取DOM元素，检测DOM元素，修改DOM元素最后进行返回，是多么地繁琐。而Vue的诞生就是要让前端从原先的DOM操作中解放出来，不再需要在维护视图和数据的统一上花费大量的时间，只需要关注data的变化，让代码变得更容易维护。
要实现如上文所说‘让前端从原先的DOM操作中解放出来’，这就不得不说一说Vue的特性：数据绑定和组件化。要谈数据绑定，那肯定和JavaSscript有点关系而且关系很大，而作者正在学习的就是如何在JS中实例化Vue和了解Vue实例中的选项对象：模板、数据、方法、生命周期钩子、挂载元素。
接下来主要讲讲作者刚学完Vue实例中选项对象的模板项。

上图是Vue实例化过程，先介绍介绍模板项，在Vue中的模板项有：el、template

1. el的值是要为Vue实例提供挂载元素，它支持的值类型有字符串、DOM元素、函数，但一般情况下还是使用字符串，通过字符串里的内容使用CSS的过滤器对某个元素进行绑定。
2. template的值是要替换当前Vue的挂载元素。值类型只支持字符串，而且只支持带有标签的字符串，除了body标签，写head也可以但是无法显示
   

如果插入的字符串过长的话，可以将内容先包装在一个script标签里然后能且仅能设置id进行调用

	以上就是我对Vue模板项的理解。