嗨~今天又見面了,昨天我們了解了Evnet Handing後我們今天要繼續來講條件渲染v-if
、v-show
與v-for
。
v-if
可以用來影響元素要不要render出來。
v-if
和v-else
會隨這showMessage是ture
或false
去判斷哪一個元素要render出來。
v-else-if
除了上面兩個功能外又多一個可以去判斷的功能,通常是用他時比較不會單純使用true
與false
。
v-show
因為是單純控制css display屬性決定要不要出現,效能表現會比較好一點。v-if
可以用在template(子元件的顯示上) v-show
無法,v-if
可以搭配v-else-if
、v-else
等directives使用。今天就先到這了,明天見~