关于MVC和MVVM的理解

最新推荐文章于 2024-05-21 23:36:57 发布

AllenHUSH

最新推荐文章于 2024-05-21 23:36:57 发布

阅读量416

点赞数 1

分类专栏：前端 Vue 文章标签： MVC MVVM

本文链接：https://blog.csdn.net/weixin_42681158/article/details/88754938

版权

前端同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

Vue

3 篇文章 0 订阅

订阅专栏

MVC

MVC是一种Web设计理念
M–Model模型
V–View视图
C–Controller控制器

MVVM

其中
V是前端需要关注的地方
而我们又把V划分成MVVM

M–Model
保存每个页面中单独的数据
VM–ViewModel
调度者，分割了M和V，每当V层想到获取或保存数据的时候，都需要VM做中间处理
V–View
每个页面中的HTML结构

附图如下/源：黑马学院vue.js课程
在这里插入图片描述
以vue.js写一个HelloWorld为例，讲解哪些部分是M、VM、V

<body>
    <div class="app">
        <!-- 展现视图即V层 -->
        <p>{{msg}}</p>
    </div>
</body>
<script>
    var vm = new Vue({//new出来的vm即VM
        el: '.app',
        data: {//这里存储的数据就是M
            msg:'HelloWorld'
        }
    }) 
</script>

以上。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

AllenHUSH

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
关于MVC和MVVM的理解

MVCMVC是一种Web设计理念M–Model模型V–View视图C–Controller控制器MVVM其中V是前端需要关注的地方而我们又把V划分成MVVMM–Model保存每个页面中单独的数据VM–ViewModel调度者，分割了M和V，每当V层想到获取或保存数据的时候，都需要VM做中间处理V–View每个页面中的HTML结构附图如下/源：黑马学院vue.js课程...
复制链接

扫一扫