MVVM和数据的单项传递
程序员文章站
2022-03-31 07:52:24
MVVM: M:model 数据模型(保存数据,处理数据业务逻辑) V:view 视图(展示数据,与用户交互) VM:view and model 数据和视图的桥梁(中国人和外国人之间交流的翻译)Vue的数据单项传递:观察下面的实例:数据(model)是由Vue对象的实例(VM)来管理。dom(view)用过el属性挂载在Vue对象的实例上。Vue对象的实例,将实例中的数据,单向的传递给dom因此,vue实现了数据修改更新页面......
MVVM:
M:model 数据模型(保存数据,处理数据业务逻辑)
V:view 视图(展示数据,与用户交互)
VM:view and model 数据和视图的桥梁(中国人和外国人之间交流的翻译)
Vue的数据单项传递:
观察下面的实例:
- 数据(model)是由Vue对象的实例(VM)来管理。
- dom(view)用过el属性挂载在Vue对象的实例上。
- Vue对象的实例,将实例中的数据,单向的传递给dom
因此,vue实现了数据修改更新页面
<body>
//这里的div标签中的dom元素就是view
<div id="app">
<p>{{name}}</p>
</div>
</body>
<script>
//Vue对象的实例就是VM
let vue=new Vue({
el:"#app",
//data中的数据就是model
data:{
name:"张三"
}
})
</script>
本文地址:https://blog.csdn.net/qq_35952415/article/details/110695260
上一篇: 华中科技大学排名全国第几位2019
推荐阅读
-
[视频教程]PHP100视频教程8:Mysql 简介和创建新的数据库
-
讲解MaxDB数据库和MySQL 数据库的主要差别_MySQL
-
phpfans留言版用到的数据操作类和分页类
-
使用foreach和volist标签分别实现模板数据的分页显示-2018年6月1日11点30分
-
近期.NET学习及项目开发整理-SQLSERVER中的数据类型和C#中数据类
-
从零学python系列之浅谈pickle模块封装和拆封数据对象的方法
-
Python把csv数据写入list和字典类型的变量脚本方法
-
关于mysql一次自动插入2条数据出现的原因,和求解决办法
-
PostgreSQL连接数据的方法和操作实例
-
关于WCF数据契约和序列化的疑惑