MVVM和数据的单项传递
程序员文章站
2022-07-02 11:56:05
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
上一篇： 妹子的签名
下一篇： 设计模式之工厂模式（四）