Vue.js是JavaScript的一个MVVM库，M是指模型数据，V是指视图容器，VM是指视图模型，模型数据通过视图模型监听视图容器的变化，而视图容器通过视图模型获取模型数据的变化进行渲染，实现了数据的双向绑定。
data属性
data属性是Vue实例的数据对象，可以绑定的是对象或者是函数。
当数据对象一旦被data绑定就会发生变化，数据对象中的属性会拥有get和set属性，用来监听数据变化，实时响应。
Vue实例会代理data绑定对象上的所有属性，即所有属性直接添加到Vue实例化对象中。
Vue实例可以通过$data属性访问原始数据对象。
Vue实例是通过new Vue()创建的，{{ }}是Vue进行插值的语法，app是Vue的实例化对象，这里需要注意的是el绑定的是视图容器，即DOM对象，data属性绑定的是模型数据。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
{{msg}}
</div>
</body>
<script src="/UploadFiles/2021-04-02/vue.js">
在控制台查看app，可以发现app拥有很多属性或方法，其中以 $ 与 _ 开头的都是app内置的属性或方法，从下图中标红的位置可以发现：
Vue实例化对象中的$el属性绑定的是DOM对象；
data属性绑定的数据对象obj中的属性msg直接添加到了Vue实例化对象中，并且拥有了get和set属性；
通过$data属性可以访问原始的模型对象，原始的数据对象发生了变化，变得和Vue实例中的数据是相同的，即obj.msg===app.$data.msg。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
Vue.js,数据绑定,data
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。