嗨~今天又見面了,昨天我們了解了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使用。今天就先到這了,明天見~