vue概述

VUE是基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上。之前的操作是将重点放在了DOM书写上。而要了解MVVM思想首先要了解MVC思想。

C 就是咱们 js 代码，M 就是数据，而 V 是页面上展示的内容。
MVC思想是没法进行双向绑定的。双向绑定是指当数据模型数据发生变化时，页面展示的会随之发生变化，而如果表单数据 发生变化，绑定的模型数据也随之发生变化。

图中的 Model 就是我们的数据， View 是视图，也就是页面标签，用户可以通过浏览器看到的内容； Model 和 View 是通 过 ViewModel 对象进行双向绑定的，而 ViewModel 对象是 Vue 提供的。
接下来让大家看一下双向绑定的效果，下图是提 前准备的代码，输入框绑定了 username 模型数据，而在页面上也使用 {{}} 绑定了 username 模型数据，如下

当我们在输入框中输入内容，而输入框后面随之实时的展示我们输入的内容，这就是双向绑定的效果。