mvvm架构

本文探讨了后端的MVC与前端MVVM架构的区别,重点在于MVVM如何在前端实现视图层分离。MVVM将视图层划分为Model、View和ViewModel三部分。同时,通过Vue.js的基本代码示例,展示了在Vue中MVVM的对应关系:MV对应vue实例,V对应视图,M对应data。
摘要由CSDN通过智能技术生成

一、后端中的 MVC 与 前端中的 MVVM 之间的区别

  •   MVC 是后端的分层开发概念;
  •   MVVM是前端视图层的概念,主要关注于 视图层分离,也就是说:MVVM把前端的视图层,分为了 三部分 Model, View , VM ViewModel

 

二、Vue.js 基本代码 和 MVVM 之间的对应关系

      MV 是 vue实例

      V    是 vue中el对应视图

      M   是 vue中data对应视图

<!DOCTYPE html>
	<html lang="en">
	
	<head>
	  <meta charset="UTF-8">
	  <meta name="viewport" content="width=device-width, initial-scale=1.0">
	  <meta http-equiv="X-UA-Compatible" content="ie=edge">
	  <title>Document</title>
	  <script src="./lib/vue-2.4.0.js"></script>
	</head&
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

良之才-小良

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值