一、什么是Vue

image.png

二、Vue的特性

vue框架的特性，主要体现在如下两个方面：

• （1）数据驱动视图

• （2）双向数据绑定

数据：AJAX从服务器请求回来的东西

2.1. 数据驱动视图

数据的变化会驱动视图自动更新

程序员只需将数据维护好，页面结构会被Vue自动渲染出来

image.png

2.2. 双向数据绑定

表单负责采集数据，AJAX负责提交数据

image.png

js数据的变化，会被自动渲染到页面上

页面上表单采集的数据发生变化时，会被vue自动获取到，并更新到js数据中

2.3. MVVM

image.png

Model数据源，View视图，ViewModel就是Vue的实例

2.4. MVVM的工作原理

image.png

三、Vue的版本

image.png