微信小程序数据绑定详解及实例（图文详解）

微信小程序数据绑定详解及实例（图文详解）
这篇文章主要介绍了微信小程序数据绑定详解及实例（图文详解）的相关资料,需要的朋友可以参考下

这篇文章主要介绍了微信小程序数据绑定详解及实例（图文详解）的相关资料,需要的朋友可以参考下

微信小程序最近要火，火不火看看微信用户就知道了，做前端的朋友可以大展身手，跟上脚步，这里来介绍下微信小程序的数据绑定。

>>>数据视图绑定

做前端开发的同学，尤其是WEB前端，每天都要跟视图打交道，假如你是用过jQuery，你就能体会到jQuery的代码冗余和操作不便性，需要手动管理视图和对象的数据一致性。

以下数据和对象等同。

传统的视图和数据绑定

 那么微信小程序是通过什么方法来管理视图和对象绑定的呢？状态模式-单向数据流。

状态模式定义一个对象，这个对象可以通过管理其状态从而使得应用程序作出相应的变化。

 简单的讲，对象状态化，只要对象状态发送变化，就通知页面更新视图元素。

三个步奏：

1. 识别哪个UI元素被绑定了相应的对象。 2. 监视对象状态的变化。 3. 将所有变化传播到绑定的视图上。

注意数据流向是单向的，即视图变化不会影响对象状态。

{{ message }}

Page({ data: { message: 'Hello MINA!' }})