数据驱动

对于提交表单的页面实现,数据驱动的编程方式同样可以分成三个步骤。

  1. 第一步:对页面进行抽象设计,使用合适的数据结构来表达。
  2. 第二步:这个表单除了具备 name 和 email 两个数据,还包括两个分别用于改变数据的方法。因此,我们给该表单添加上更新值的方法:
  3. 第三步:实现静态页面,并把数据和事件绑定到页面中。我们将步骤 1 中的数据绑定到页面中书输入框和展示值的地方,同时在需要监听事件的元素上绑定上述的方法。