微信小程序WXML

• view標簽
  view標簽相當于html當中的div標簽
• text標簽
  text標簽相當于html當中的span標簽
• 模板語法
  1、在wxml當中和vue一樣有模板語法

<view>{{title}}</view>
//title是在js當中page函數(shù)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>