javascript - 如何在不使用任何 Javascript 框架的情况下实现 MV* 架构？

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 8 年前。

Improve this question

有许多单页面应用程序 JavaScript 框架可用于 MV* 架构。但是如何在不使用任何框架的情况下为一个非常小的应用程序实现该架构呢？

Answer 1

例如，

Model = {};

View = {
  update: function() {
    document.getElementById('out').innerText = Model.name;
  }
};

Controller = {
  init: function() {
    document.getElementById('in').addEventListener('keyup', function() {
      Model.name = this.value;
      View.update();
    });
  }
};

window.onload = Controller.init;
                                                   

    

<p>Your name: <input id="in"></p>

<p>Hello, <span id="out"></span>!</p>