微信小程序開發(fā)——數(shù)據(jù)綁定

WeChat小程序交流&＃xff08;QQ群&＃xff1a;769977169&＃xff09;

效果圖

代碼示例

1、xxx.wxml

{{message}} 5}}">more than 5 years 3}}">more than 3 years 1}}">more than 1 years{{item}}{{index}}: {{item}}{{sort}}: {{value}}{{clickMessage}}


2、xxx.wxjs

var count &＃61; 0;Page({/*** 頁面的初始數(shù)據(jù)*/data: {message: "基本數(shù)據(jù)綁定",year: 4,array: ["列表渲染數(shù)據(jù)綁定1", "列表渲染數(shù)據(jù)綁定2", "列表渲染數(shù)據(jù)綁定3", "列表渲染數(shù)據(jù)綁定4","列表渲染數(shù)據(jù)綁定5"],zhangSan: {name:"張三", age:21},clickMessage: "點(diǎn)擊了0次"},/*** 生命周期函數(shù)--監(jiān)聽頁面加載*/onLoad: function (options) {},tapClick: function(even) {count&＃43;&＃43;;this.setData({clickMessage: "點(diǎn)擊了 " &＃43; count &＃43; " 次",})}
}

注意&＃xff1a;數(shù)據(jù)綁定分為五種類型&＃xff0c;分別是基本數(shù)據(jù)綁定、條件渲染數(shù)據(jù)綁定、列表渲染數(shù)據(jù)綁定、模板數(shù)據(jù)綁定、事件綁定。愛掏網(wǎng) - it200.com