简述MVC模式

 <!DOCTYPE html>

 <html lang="zh-CN">

 <head>

     <meta charset="UTF-8">

     <title>MVC</title>

 </head>

 <body>

     <script type="text/javascript">

         // 定义三个对象，模拟Model, View, Controller

         var M = {}, V = {}, C = {};

         // Model负责数据

         M.data = 'This is simple MVC';

         // View负责渲染数据到页面上

         V.render = (M) => {

             alert(M.data);

         }

         // Controller作为Model和View之间的桥梁

         C.handleOne = () => {

             V.render(M);

         }

         // 在加载页面的时候执行controller中的方法来串联整个MVC

         window.onload = C.handleOne;

     </script>

 </body>

 </html>

05-11 23:03