微信小程序

微信小程序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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容