微信小程序WXML
- view标签
view标签相当于html当中的div标签 - text标签
text标签相当于html当中的span标签 - 模板语法
1、在wxml当中和vue一样有模板语法
<view>{{title}}</view>
//title是在js当中page函数data对象定义的属性
/*
Page(
data:{
title:"HelloWorld"
}
)
*/
2、在标签当中的属性使用模板语法
<view data-num="{{title}}"></view>
3、在标签属性当中使用bool类型
<view>
<checkbox checked="{{isCheck}}" color=""></checkbox>
</view>
//注意:1.不能再字符串分号和模板语法之间存在空格,这样会让bool类型失效
//2.以下的写法是错误的示范
<view>
<checkbox checked=" {{isCheck}}" color=""></checkbox>
</view>
4、表达式和运算
<text>{{1+1}}</text>
//2
//在模板语法当中支持简单的加减乘除运算,还有字符串的拼接和三元表达式,但是不支持代码段
<text>{{10%2 === 0 ? true:false}}</text>