是一个MVVM的JavaScript库。m指模型数据，V指视图容器，VM指视图模型。模型数据通过视图模型监控视图容器的变化，视图容器通过视图模型获取模型数据的变化并进行渲染，从而实现数据的双向绑定。

数据属性

数据属性是Vue实例的数据对象，可以绑定到对象或函数。

数据对象一旦被数据绑定，就会发生变化，数据对象中的属性会有get和set属性，用于监控数据变化并实时响应。

Vue实例表示数据绑定对象上的所有属性，也就是说，所有属性都直接添加到Vue实例化对象中。

Vue实例可以通过$data属性访问原始数据对象。

Vue实例由new Vue()创建，{{}}是Vue的插值语法，app是Vue的实例化对象。这里需要注意的是，el绑定到视图容器，也就是DOM对象，数据属性绑定到模型数据。

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title/head body div id=' app ' { msg } }/div/body script src=' http :https://unpkg.com/Vue/dist/Vue . js '/script script obj={ msg : ' hello Vue '；};Varapp=newvue ({el:' # app '，data : obj })/script/html在控制台上查看app，可以发现app有很多属性或方法，其中以$和_开头的属性或方法内置在app中，可以从下图红色位置找到：

Vue实例化对象中的$el属性绑定到DOM对象；

数据属性绑定的数据对象obj中的属性msg直接添加到Vue实例化对象中，具有get和set属性；

可以通过$data属性访问原始模型对象，并且原始数据对象已经更改为与Vue实例中的数据相同，即obj.msg==app。$ data.msg。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。