微信小程序教程之------基础前端篇--page的js逻辑文件

逻辑层使用 Page() 函数用来注册一个页面。接受一个 object 参数，其指定
页面的初始数据、生命周期函数、事件处理函数等。
注意Page首字母要大写
以下是逻辑文件的object 参数说明

• data----页面的初始数据
• onLoad ----生命周期函数–监听页面加载
• onReady----生命周期函数–监听页面初次渲染完成
• onShow----生命周期函数–监听页面显示
• onHide----生命周期函数–监听页面隐藏
• onUnload----生命周期函数–监听页面卸载，当 redirectTo 或
  navigateBack 的时候调用
• onPullDownRefreash----页面相关事件处理函数–监听用户下拉动作，后
  期详细讲
• 其他 任意方法—开发者可以添加任意的函数或数据到 object
  参数中，用 this 可以访问
  可以点击触发
  .
  .
  .
  data其数据必须是可以转成 JSON 的格式：字符串，数字，布尔值，对象，数组。
  data 属性里面传入对象用于绑定数据，在视图层显示。用来双向绑定，，，类似于vue的v-model,

Page({
 data: {
 text: 'init data',
 array: [{msg: '1'}, {msg: '2'}]
 }
})

视图层绑定显示数据： view 放在.wxml 中 把他当做 div 就可以了。

<view>{{text}}</view>
<view>{{array[0].msg}}</view>

Page 中添加事件处理函数

<view bindtap="viewTap"> click me </view>
Page({
 viewTap: function() {
 console.log('view tap')
 }}）

微信小程序 setData()将数据从逻辑层发送到视图层，同时改变对应的
this.data 的值
Page.prototype.setData()
vue里面是

data(){
return {
test:"125"

}
}
this.test =124

小程序如下，两者只有最后一句不一样

data(){
return {
test:"125"

}
}
this.setdata({"test":"124"})