什么是mvvm关于mvvm的文章有许多，简单来说是这样的。 · MVVM 对应 3个组成部分，Model（模型）、Vie

关于mvvm的文章有许多，简单来说是这样的。

· MVVM 对应 3个组成部分，Model（模型）、View（视图）和 ViewModel（视图模型）。

· View 是用户在屏幕上看到的结构、布局和外观，也称UI。

· ViewModel 是一个绑定器，能和 View 层和 Model 层进行通信。

· Model 是数据和逻辑。

view

指的是div那些标签及内容

ViewModel

简写为vm，通常是定义一个vm，在里面写方法

model

往往指本地和获取到的数据

涉及到mvvm往往会问你，如何实现v-vmodel

以下是简化版，建议自己练习几遍

<body>
    <div id="app">
      <input type="text" id="a" />
      <span id="b"> </span>
    </div>
  </body>
  <script>
    var obj = {};
    var val = "";
    Object.defineProperty(obj, "val", {
      get: function () {
        return val;
      },
      set: function (newVal) {
        val = newVal;
        document.getElementById("a").value = val;
        document.getElementById("b").innerHTML = val;
      },
    });

    document.addEventListener("keyup", function (e) {
      obj.val = e.target.value;
    });
  </script>