小程序-基础表达篇
/约定/ 让我们轻装上阵 一个功能页(Page)的开发通常需要四大块:配置、代码、布局、样式。 这四大块承载不同的方面,要独立不混杂,又要整体融合。于是有了以下约定: 每一块 --> 独立的文件、相同的文件名、不同的扩展名。 按约定行事,自动融合。 于是,一个小程序的功能页 Page,就这样形成了。 index.json index.js index.wxml index.wxss 而 app.js,app.json,app.wxss 则作为全局定义。 再继续来看代码部分 它少不了这三大块:数据、生命周期、功能过程。 不需要额外的配置,约定一种结构方式即可。 Page({ data, on阶段, func... }) 再来看四大块中的交互 通过约定之后,可谓我中有你,你中有我,wxss 定义的名称,wxml 可以根据需要使用,js 定义的数据,wxml 可以灵活呈现,数据变,呈现自动变。 常用表达 1.点击事件 通过 bindtap 属性指定一个功能函数名称即可。以下示例中, {{ msg }} 绑定代码中定义的数据属性 msg,按钮点击事件,执行代码中的 clickMe 功能函数,它改变了 msg 的值,则页面也会相应的呈现新的值。 <view>{{ msg }}</view> <button bindtap="clickMe">点击我</button> Page({ data: