MVVM模型的理解

最新推荐文章于 2024-11-12 16:34:34 发布

炸炸毛还能继续写代码吗

最新推荐文章于 2024-11-12 16:34:34 发布

阅读量92

点赞数 2

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_61608271/article/details/125508638

版权

本文介绍了MVVM设计模式，它是MVC的进化版，重点在于分离视图UI和业务逻辑。通过Vue.js的例子，展示了如何创建一个简单的MVVM应用，利用data属性和模板语法实现双向数据绑定，将`name`和`age`等数据展示在页面上。

摘要由CSDN通过智能技术生成

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。

<body>
		<div id="app">
            <h2>{{name}}</h2>
			<h2>{{age}}</h2>
		</div>
		<script src="vue.js"></script>
		<script>
			const vm = new Vue({
				el: "#app",
				data() {
					return {
						name:'张三',
						age:30
					}
				},
				methods: {
                 
				},
				computed:{
					
				}
			})
		</script>
	</body>