美文网首页
初识Vue【Vue学习笔记1】

初识Vue【Vue学习笔记1】

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-10-30 08:57 被阅读0次

一、什么是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

相关文章