小程序-数据绑定

1.微信小程序各文件的作用：

a.①wxss：页面样式   ②：wxml:页面   ③js:页面数据/js代码   ④json:

b.app.wxss(js、json) 则代表全局

2.微信小程序的数据绑定：

①：数据的单向绑定：

a.单值：a.在页面的js文件data属性中添加数据，在wxml中通过插值表达式即可引用该数据

 

wxml文件：   

 

 

js文件：       

 

 

b.数据绑定的循环输出：在js文件中添加数组对象，在wxml文件中通过wx:for循环该数组对象数据

wxml文件： 

 

 

 

 js文件：     

 

 

②通过事件监听完成数据的双向绑定：

a.通过微信小程序的点击事件（bindtap）使点击button让count数值自增 =>事件监听步骤

wxml:

 

 

 

b.在事件监听中添加setData属性，从而完成数据的双休绑定

js: