微信小程序将火与火不热。看看微信用户。我们可以了解前端用户，我们可以尽力跟上他们的步伐。这里我们介绍数据的小程序，结合微信。

绑定数据视图>



前端开发人员，尤其是Web前端，每天都处理视图。如果您使用了jQuery，您可以体验jQuery的代码冗余和操作不便。您需要手动管理视图和对象之间的数据一致性。

下列数据相当于该对象。

传统视图与数据绑定



那么什么方法做微信程序管理视图和对象绑定状态模式-单向数据流。

状态模式定义了一个对象，可以通过管理其状态来管理对象，从而使应用程序相应地发生变化。



简单地说，对象状态，只要对象状态发送更改，页面就更新视图元素。



三步：



1。确定哪个UI元素绑定到对应的对象。

2。被监视对象状态的更改。

三.将所有更改传播到绑定视图。

注意，数据流是单向的，也就是说，视图更改不会影响对象的状态。

转向消息}




页（{

数据：{

信息：你好美娜！

}

}）




完成视图与数据的绑定是非常简单的。

仅通过数据更新视图是不够的。用户操作会导致视图更新。如何同步数据

这里要区分的是，用户触发事件不仅考虑到当前UI元素的更新，而且还通过当前元素更新其他视图。

因此，视图上的数据必须通过一个过度事件传递给对象，只有用户操作视图才能获得数据并更新对象状态。

如下：



什么是事件：

事件是视图层和逻辑层之间的一种通信方式。

如果你想知道为什么童鞋能理解双向流的数据，这里没有介绍。

看看视图和视图是如何影响它的。



过程描述：



1。查看触发器事件a由于用户操作

在2。事件一个处理函数，更新对象A和对象B的状态

三.由于A和B状态的变化，通知视图A和B更新

作为用户登录的一个例子，当用户点击（事件A）登录按钮时，按钮变成一个禁用的非点（视图A），并弹出一个等待框（视图B）。

代码的部分如下所示：




登录…

数据请求






页（{

数据：{

残疾人：假，

LoadingHidden：真的

}，

按钮事件

loginbtn：功能（事件）{

禁用按钮

this.setdata（{禁用：true}）；

是弹出式登录框

this.setdata（{ loadinghidden：假}）；

}

}）
U3000 U3000




总结：

现在流行的数据是单向和双向绑定。小程序使用单向数据流。如果我们在传统的jQuery模式下运行数据和视图，开发者将不能负担得起。如果使用双向数据流，程序的效率低，逻辑层的状态是不可控的。

一般来说，小程序数据视图的单向开发模式允许开发人员专注于事件处理、更改对象的状态以及更新视图。

谢谢你的阅读。我希望你能帮助你，谢谢你对这个站的支持。