微信小程序的数据绑定
小程序的视图 View 与 逻辑层 JavaScript ,与 Rails 视图 View 与 控制 Controller 可以近似看成一一对应。
<!-- This is our View -->
<view> Hello ! </view>
<button bindtap="changeName"> Click me! </button>
// This is our App Service.
// This is our data.
var helloData = {
name: 'WeChat'
}
// Register a Page.
Page({
data: helloData,
changeName: function(e) {
// sent data change to view
this.setData({
name: 'MINA'
})
}
})
page
中通过 data
将数据传到 View ,从而可以在 View 中使用 `` 来调用存储的数据bindtap
绑定了按钮与单击按钮后的处理函数 changeName
changeName
事件给逻辑层,而逻辑层则找到对应的函数来处理setData
这个方法来实现改变控件的文本。下一篇 微信小程序常见错误