DIY一个最简单的MVVM例子

一、简介

MVVM借鉴了MVC，成为了前端非常流行的软件架构模式。在MVVM中，

• View职责：简单理解为界面
• Model职责：简单理解为数据
• ViewModel职责：
  1.把Model的数据同步到View显示出来，
  2.把View的修改同步回Model

二、例子

这里代码讨论如何做到 把Model的数据同步到View显示出来，如下图：
view部分：一个p元素
mode部分：变量model
viewModel部分：Object.defineProperty以及render函数处理
其他：利用setInterval定时器模拟数据变化(每秒)

另一部分是把View的修改同步回Model，同理，可以在把view部分换成input，监听输入，改变model.text的值即可。(也就是替换上面代码的setInterval部分，原本是每秒变化，改为用户输入即可)。

（完）