Node后端中的MVC与前端中的MVVM之间的区别跟概念

MVC
MVVM
mvc构成图示
mvc构成图示
mvvm构成图示
mvvm构成图示

对应关系

MVC

M: model处理数据的crud
V: view
C:业务逻辑处理层 登录&&注销

MVVM

M: model处理数据的crud
V: view
Vm: 是M跟V的调度者

拿ES6支持下的Vue代码来举例

Vue的代码
代码对应mvvm截图
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="app">
	<p>{{ msg }}</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
	// 创建vue实例
	//当我们导入包之后，在浏览器内存中，就多了个vue构造函数
	var vm = new Vue({
		el: '#app', //vue实例控制页面哪个区域
		data:{
			//存放的是el中的数据
			msg: '存放学习VUE' //通过vue提供的指令很方便的渲染到页面上，程序员不再手动操作dom元素了[前端的vue之类的框架。不提倡我们手动去操作dom]
		}	
	})
</script>
vue mvvm结构
vue mvvm结构