在一个完整的小程序框架中,文件主要包括主体文件和页面文件两大类:
(1)主体文件是全局文件,一个项目有且只有一份,以app为前缀,它们分别是app.json ,app.js和app.wxss,分别控制小程序的整体配置、逻辑和整体样式。
(2)一个项目中可以设置多个页面,一个页面由.wxml,.wxss,.js和.json四个文件成,他们分别控制页面的结构样式、逻辑和配置,其中.wxml和.js文件是必需要有的。
数据绑定
{{message}}
控制属性绑定
if语句条件判断
关键字的绑定 ,不能直接写checked=‘false’
可以在{{}}中进行数学运算
{{a+b}}+{{c}}+d
逻辑判断
length>5
字符串运算
{{‘print:’+message}}
数据路径运算
{{object.text}} {{array[0].text}}
微信小程序条件渲染
view1
view2
view3
因为wx:if是一个控制属性,需要将它添加到一个标签上。但是,如果我们想要一次判断多个组件标签,则可以使用一个<block/.>标签将多个组件包装起来,并在其上使用wx;if控制属性
view4
view5
wx:for列表渲染
<view wx:for="{{array2}}"wx:key=“message”>
{{index}}:{{item.message}}
指定变量名
{{id}}:{{name.message}}
渲染组件
{{index}}
{{item.message}}
微信小程序定义模板功能,可以在模板中对一些公用的、复用代码片段,然后在不同的地方调用,已达到一次编写、多次直接使用的效果
定义模板
我是index页面中的模板
使用template模板
include将整个页面中除了之外进行引用