微信开发简介（五）数据绑定（数据绑定的优势是什么）

主机参考：VPS测评参考推荐/专注分享VPS服务器优惠信息！若您是商家可以在本站进行投稿，查看详情！此外我们还提供软文收录、PayPal代付、广告赞助等服务，查看详情！

我们发布的部分优惠活动文章可能存在时效性，购买时建议在本站搜索商家名称可查看相关文章充分了解该商家！若非中文页面可使用Edge浏览器同步翻译！PayPal代付/收录合作

前几篇文章讲了微信小程序开发工具的使用、生命周期和事件。这次我们来聊聊微信小程序的数据和视图绑定。

》》》做数据视图绑定前端开发的同学，尤其是WEB前端，每天都要和视图打交道。如果您使用过jQuery，您可以意识到jQuery的代码冗余和不便，并且您需要手动管理视图和对象之间的数据一致性。

以下数据等效于对象。

传统视图和数据绑定

那么微信小程序如何管理视图和对象绑定呢？状态模式-单向数据流。

简单地说，对象状态化通知页面在对象状态改变时更新视图元素。三个步骤:1。确定哪个UI元素与相应的对象绑定。2.监控对象状态的变化。3.将所有更改传播到绑定视图。

请注意，数据流方向是单向的，即视图更改不会影响对象状态。

& lt视图& gt{ { message } } & lt/view & gt；page（{ data:{ message:& amp；#39;你好米娜。& amp#39;}}）将视图绑定到数据就这么简单。

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

这里的区别在于用户触发事件不仅要考虑当前UI元素的更新，还要通过当前元素更新其他视图。

因此，视图上的数据必须通过事件传递给对象。只有当用户操作视图时，才能获取数据并更新对象状态。如下图所示:

什么是“事件”:

我想知道为什么童鞋可以理解数据表的双向流动，这里就不介绍了。

让我们看看视图如何相互影响。

流程描述:1。视图A触发事件A 2。在事件A处理函数中，对象A和B的状态被更新3。由于对象A和B的状态变化，视图A和B被通知进行更新。

我们以用户登录为例。用户单击登录按钮（事件A）后，该按钮将变成禁用按钮（视图A）并弹出一个等待框（视图B）。一些代码如下:

& lt视图& gt& lt正在加载hidden = & quot{ { loadingHidden } } & quot& gt登录...

现在数据表是双向绑定的，小程序使用的是单向数据流。如果使用传统的jQuery来操作数据和视图，开发效率很低，开发人员不会买账。如果采用双向数据流，程序执行效率低，逻辑层中的对象状态不可控。

一般来说，小程序数据视图的单向绑定开发模式使开发人员可以专注于事件处理，更改对象状态并实现视图更新。

【相关建议】

1.下载微信微信官方账号平台源代码。

2.微信投票源代码

3.微信货拉拉外卖2.2.4解密微信魔方开源版源代码。