VUE笔记
一、VUE简介
谈到VUE就不得不提到MVVM，在以往的WEB应用中，为了实现交互式的WEB应用，我们不得不使用JS或者JQUERY来进行繁琐的DOM操作，例如：在前端使用AJAX查询出一组数据，我们需要根据网页的结构创建一组HTML元素，并将动态数据渲染到元素中，最后还需要将标签添加到DOM中。然后在做更新操作时，我们不但要将数据渲染到网页元素中，提交数据时还需要将网页元素中的数据保存到对象中，最后再将数据提交到服务器。
MVVM最早由微软提出，MVVM是Model-View-ViewModel的简写，Model（模型）是指数据，View（视图）是指网页元素，ViewModel是一个中间件，负责对模型和视图进行双向的绑定，换句话说ViewModel负责把Model的数据同步到View显示出来，还负责把View的修改同步回Model。这就是所谓的双向绑定。
VUE就是一款MVVM框架，VUE是一个渐进式的javascript框架, 渐进式是说如果你已经有一个现成的服务端应用，你可以将VUE作为该应用的一部分嵌入其中，带来更加丰富的交互体验。 二、第一个VUE案例
1. 在网页导入vue.js文件
vue的最新稳定版本是2.6.10，在开发时官方推荐我们使用开发版本，开发版本中会输出常见错误相关的警告。而生产版本更小响应速度更快，开发版本地址是https://vuejs.org/js/vue.js，你可以直接在网页中使用该地址引入js文件，也可以先下载下来，然后引入本地的js文件。
2. 初始化Vue对象
VUE通过其定义的Vue类型的对象来实现标签的数据绑定，事件绑定，数据监听等工作，每一个Vue对象都有一个挂载的网页标签，所谓的挂载标签是指，该Vue对象中的数据，函数都只能在挂载的标签内来使用。Vue挂载的标签通常是一个div。
3. 运行项目结果
三、数据绑定
数据绑定是VUE中非常重要的部分，不同的数据结构在网页上会有不同的渲染方式，所以数据绑定会采用不同的方式来进行数据绑定。
文本：
数据绑定最常见的形式就是使用双大括号的文本插值：
通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。
{{message}}将会被替代为对应数据对象上 message属性的值。无论何时，绑定的数据对象上 msg 属性发生了改变，插值处的内容都会更新。
上述写法还可以使用v-text完成相同的效果：
HTML：
双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html 指令。
属性：
{{}}不能作用于属性之上，如果要给标签的属性设值，需要通过v-bind指令，例如：
双向绑定：
在输入框控件上可以实现数据的双向绑定，你可以用 v-model 指令在表单 、