条件渲染（单条件渲染与多条件渲染）

一、条件渲染

单条件渲染

```html

<button type="default" wx:if="{{!isCollected}}" bindtap="hdbtn">收藏</button>

<button type="default" wx:else>取消收藏</button>

```

```js

hdbtn(){

    this.setData({

      isCollected:!this.data.isCollected

    });

},

```

多条件渲染：

```html

<view wx:if="{{myvalue=='a'}}">张三</view>

<view wx:elif="{{myvalue=='b'}}">李四</view>

<view wx:elif="{{myvalue=='c'}}">王五</view>

<view wx:else>赵六</view>

```

```js

data:{

  ...

  myvalue:"a"

}

```

hidden的写法：

```html

<!-- hidden本身是隐藏的意思，跟我们以前的v-show逻辑是相反的 -->

<view hidden="{{false}}">这个是显示</view>

<view hidden="{{true}}">这个是隐藏</view>