home.wxml文件中进行html页面组件的设计::
1.小程序的数据绑定: // 用{{ js 文件中的 data数据的变量 }} 用{{ }} 包住 js文件中的 data 数据的变量
<view> 我的年龄:{{age}} </view>
2.列表的遍历:: // wx:for = ""的方式遍历 item为小程序中的内置对象
<view wx:for = "{{students}}" > item.name </view>
3.事件监听:: // bindtap=“函数名”的方式
<view > {{counter}} </view>
<button bindtip = "hand" > + </button>
home.js文件:
Page({
data:{
age:20,
students:[
{name:'zs' , age:20} ,
{name:'ls' , age:18}
],
counter:0
} ,
hand(){
this.setData({
counter:this.data.counter + 1
})
}
})
版权声明:本文为weixin_44735933原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。