一、什么是Vue
![](https://img.haomeiwen.com/i27493437/de04fb166bbc47d6.png)
二、Vue的特性
vue框架的特性,主要体现在如下两个方面:
-
(1)数据驱动视图
-
(2)双向数据绑定
数据:AJAX从服务器请求回来的东西
2.1. 数据驱动视图
数据的变化会驱动视图自动更新
程序员只需将数据维护好,页面结构会被Vue自动渲染出来
![](https://img.haomeiwen.com/i27493437/e69aef95feaee2c2.png)
2.2. 双向数据绑定
表单负责采集数据,AJAX负责提交数据
![](https://img.haomeiwen.com/i27493437/88a8cd5459a87097.png)
js数据的变化,会被自动渲染到页面上
页面上表单采集的数据发生变化时,会被vue自动获取到,并更新到js数据中
2.3. MVVM
![](https://img.haomeiwen.com/i27493437/233345e9806bdd38.png)
Model数据源,View视图,ViewModel就是Vue的实例
2.4. MVVM的工作原理
![](https://img.haomeiwen.com/i27493437/097a61e5e31f9a2d.png)
三、Vue的版本
![](https://img.haomeiwen.com/i27493437/f83aec98a5bfc0c8.png)