MVC模式

模型 - 视图 - 控制器或MVC，MVC是普遍的叫法，是一种软件设计模式，用于开发Web应用程序。模型- 视图 - 控制器模式是由以下三部分组成：

  • 模型/Model - 一个负责维护数据模式的最低水平。

  • 视图/View - 负责显示所有或数据到用户的部分。

  • 控制器/Controller - 软件代码控制Model和View之间的相互作用。

MVC是受欢迎的，因为它隔离了应用逻辑从用户界面层和支持的关注点分离。这里的控制器接收用于该应用程序的所有请求，制备视图所需要的任何数据。视图，使用制备的控制器，产生一个最终像样的响应的数据。 MVC抽象可以用图形表示如下。

模型 - model

模型是负责管理应用程序的数据。它响应来自视图的请求，同时也响应指令从控制器进行自我更新。

视图 - view

在一个特定的格式的演示数据，由控制器决定触发显示数据。它们是基于脚本的模板系统，如JSP，ASP，PHP，非常容易使用AJAX技术的集成。

控制器 - controller

控制器负责响应于用户输入并执行交互数据模型对象。控制器接收到输入，它验证输入，然后执行修改数据模型的状态的业务操作

MVVM模式

下图不仅概括了MVVM模式（Model-View-ViewModel），还描述了在Vue.js中ViewModel是如何和View以及Model进行交互的。 

ViewModel是Vue.js的核心，它是一个Vue实例。Vue实例是作用于某一个HTML元素上的，这个元素可以是HTML的body元素，也可以是指定了id的某个元素。

当创建了ViewModel后，双向绑定是如何达成的呢？

首先，我们将上图中的DOM Listeners和Data Bindings看作两个工具，它们是实现双向绑定的关键。 
从View侧看，ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化，如果有变化，则更改Model中的数据； 
从Model侧看，当我们更新Model中的数据时，Data Bindings工具会帮我们更新页面中的DOM元素。

Hello World示例

最新文章

  1. iOS开发随笔
  2. ajax容易忽视的细节
  3. Sqlserver2008和Oracle分页语句
  4. 将事件绑定在html标签中和js动态绑定的区别
  5. java.net.BindException: Address already in use: bind
  6. DataUml Design 教程6-DataUML Design 1.1版本号正式公布（支持PD数据模型）
  7. linux命令-sed,uniq,cut,wc
  8. jquery 中 eq()遍历方法 和:eq()选择器的区别
  9. vue-cli脚手架npm相关文件解读（1）webpack.base.conf.js
  10. org.hibernate.LazyInitializationException could not initialize proxy-no Session的解决
  11. wpf研究之道-grid控件
  12. phpadmin增加使得项目能连接数据库
  13. （一）linux定时任务的设置 crontab 基础实践
  14. [转]mysql使用关键字作为列名的处理方式
  15. be动词的形式和用法
  16. 第二周Access课总结
  17. BZOJ1800 [Ahoi2009]fly 飞行棋 其他
  18. Spring RestController 请求参数详解
  19. 登录窗口不是系统主窗口 但又需要最先显示 用delphi怎么编写代
  20. 工作8年对技术学习过程的一些 总结 与 感悟 为什么有时迷茫、无奈 学习编程语言的最高境界最重要的是编程思想 T 字发展 学技术忌讳”什么都会“ 每天进步一点等式图 时间管理矩阵

热门文章

  1. PHP操作json
  2. python-接口开发flask模块（二）全局host配置
  3. Delphi XE2 之 FireMonkey 入门(33) - 控件基础: TFmxObject: SaveToStream、LoadFromStream、SaveToBinStream、LoadFromBinStream
  4. Vue中的model
  5. LeetCode All in One 题目讲解汇总(转...)
  6. 测开之路一百五十五：jquery-validation前台数据验证
  7. 【python+selenium自动化】设置Chrome启动参数
  8. VBA计算器的全部实现
  9. if you wanna the rainbow, you have to deal with the rain.
  10. 应用安全 - Web框架 - 数据库管理 - phpMyAdmin - 漏洞汇总