MVC和MVVM
在这里插入图片描述
MVC是相对于前段和后端分离构建的思想，MVVM是相对于前段来说的，vm作为一个调度者，v 和 m 不能直接交互，需要vm作为中介。
MVVM的简单代码实例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Vue练习</title>
<script src="js/vue.min.js"></script>
</head>
<body>
<!--将来new的Vue实例，会控制这个元素中的所有内容 -->
<!--Vue 实例所控制的这个元素区域，就是我们的 v -->
<div id="app">
<p>{{ msg }}</p>
</div>
<script>
//2.创建一个Vue实例
//当我们导入包之后，在浏览器的内存中，就多了一个Vue构造函数
// 注意；我们 new 出来的这个 vm 对象，就是我们 MVVM中的 VM调度者
var vm = new Vue({
el:'#app',//表示，当前我们new的这个Vue实例，要控制页面上的那个区域
//这里的 data 就是 MVVM中的 M，专门用来保存 每个页面中的数据的
data:{//data属性中，存放的是el中要用到的数据
msg:'欢迎学习Vue'//vue不提倡我们去手动操作dom元素
}
})
</script>
</body>
</html>
