微信小程序学习(二)基础语法介绍

1，文本渲染 {{}}

在wxml写页面结果  在js写js代码

效果

 

 2，条件渲染wx:if  wx:else

 效果

 

3,多重条件渲染wx:if   wx:elif    wx:else

<view class="title">多重条件渲染</view>
<view wx:if="{{score>=90}}">哇，你太优秀了</view>
<view wx:elif="{{score>=80}}">真厉害啊你</view>
<view wx:elif="{{score>=70}}">还可以，继续努力</view>
<view wx:else>不行，留级去</view>

效果

4,列表渲染 wx:for 

效果

 

 5,自定义列表项名字，渲染 wx:for-item   wx:for-index

 页面效果与上面4一样

6，使用模板template  需要新建文件并导入

 7，引用include