練習(xí)v-if和v-show頁面樣式和元素檢查

此時(shí)，flag為true

點(diǎn)擊切換flag后頁面效果和實(shí)際元素效果

此時(shí)，flag為false

v-if

用法：v-if="flag"，當(dāng)flag為true時(shí)，v-if控制創(chuàng)建元素，當(dāng)flag為false時(shí)，v-if刪除元素
特點(diǎn)：有較高的切換性能消耗，如果元素有較高的切換需要，不適合使用v-if

v-show

用法：v-sow="flag"，當(dāng)flag為true時(shí)，v-show切換display為顯示，flag為false時(shí)，v-show切換display為none
特點(diǎn)：有較高的初始渲染消耗，如果一個(gè)元素被創(chuàng)建后從來沒顯示過，那么使用v-show將有較高的初始渲染消耗，不適合應(yīng)用在此