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

嗨~今天又见面了，昨天我们了解了Evnet Handing後我们今天要继续来讲条件渲染v-if、v-show与v-for。

v-if

v-if可以用来影响元素要不要render出来。

v-else

v-if和v-else会随这showMessage是ture或false去判断哪一个元素要render出来。

v-else-if

v-else-if除了上面两个功能外又多一个可以去判断的功能，通常是用他时比较不会单纯使用true与false。

v-show

• v-show 因为是单纯控制css display属性决定要不要出现，效能表现会比较好一点。
• v-if可以用在template(子元件的显示上) v-show无法，v-if可以搭配v-else-if、v-else等directives使用。

今天就先到这了，明天见~