【微信小程序】条件渲染和列表渲染

🍒🍒 观众老爷们好啊，牛牛又更新了，上文我们详细了解了微信小程序中的事件绑定，那么今天我们就来讲讲WXML语法中的列表渲染和条件渲染，它俩也是非常重要的知识点，赶紧学起来吧。
🍒🍒 不过首先，我们想来补充一下数据传参的知识点以及常用的input事件用法。

一，事件传参

首先我们需要知道，微信小程序中事件处理函数的传参，并不能直接在绑定时间的同时做，也就是说以下这样操作。

<view bindtap="tapName(2)">错误</view>

是不行的，如此编译器只会将整个tapName(2)识别成事件处理函数的名字。

如果想要传参，需要为组件提供自定义属性，格式如此——data-*，*代表该自定义属性的名字。

具体实现如下：

<view bindtap="tapName" data-info="{
    
    {2}}"></view>

然后我们在事件处理函数中，只需要通过event.target.dataset.info即可获取该传入的参数。

还记得之前说过事件对象event中的target属性吗，里面就是记录触发事件组件的一些属性值，上面用到的原理就是这里。

小tip：
需要注意的是，对于已经确认为数值的参数，我们采用Mustache语法，也就双括号括住参数，而