iT邦幫忙

2021 iThome 鐵人賽

DAY 13
0
Modern Web

我的菜很有Vue味~系列 第 13

Day13 Vue directives(v-if & v-show)

  • 分享至 

  • xImage
  •  

嗨~今天又見面了,昨天我們了解了Evnet Handing後我們今天要繼續來講條件渲染v-ifv-showv-for

v-if

v-if可以用來影響元素要不要render出來。

v-else

v-ifv-else會隨這showMessage是turefalse去判斷哪一個元素要render出來。

v-else-if

v-else-if除了上面兩個功能外又多一個可以去判斷的功能,通常是用他時比較不會單純使用truefalse

v-show

  • v-show 因為是單純控制css display屬性決定要不要出現,效能表現會比較好一點。
  • v-if可以用在template(子元件的顯示上) v-show無法,v-if可以搭配v-else-ifv-else等directives使用。

今天就先到這了,明天見~


上一篇
Day12 Vue Event Handing(v-on)
下一篇
Day14 Vue directives(v-for)上
系列文
我的菜很有Vue味~30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言