wxml语法：判断语法

准备工作

• 在pages目录下新建一个List文件夹，在List文件夹上右击选择新建 Page，取名为list。
• 目录结构：

• 然后将app.json文件中pages数组里面的pages/List/list放在首位
  

判断语法

• 往pages/List/list.js里面添加一些数据

data: {
    age:17
  },

• 在pages/List/list.wxml里面书写代码展示页面

<!--miniprogram/pages/List/list.wxml-->

<!-- 
  在小程序中，if判断也是通过属性来实现的，类似于vue通过指令来实现。
  wx:if：类似于js中的if
  wx:elif：类似于js中的else if
  wx:else：类似于js中的else
  在写条件的时候，一定要加上{{}}双大括号
 -->

<view>
  <!-- 数据绑定 -->
  <text>当前的数据是：{{age}}</text>
</view>

<view wx:if="{{age > 18}}">
  你早成年了
</view>
<view wx:elif="{{age === 18}}">
  你刚满18
</view>
<view wx:else="{{age < 18}}">
  你还未成年
</view>

• 运行效果截图：