在这里插入图片描述 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>