vue的條件渲染指令v-if::
v-if的功能類似于js語言中的分支語句际邻,當if條件判斷為真的時候執(zhí)行if語句蒿柳,當if條件判斷為假則執(zhí)行else語句鳞陨。
如圖所示當flag的值未true時械巡,v-if指令執(zhí)行顯示萧锉,為假的時候v-else指令執(zhí)行隱藏沐绒。v-show也可以控制元素的顯示與隱藏谋作。
但是v-if與v-show也是有區(qū)別的v-if通過移除dom節(jié)點實現(xiàn)元素的隱藏而v-show則通過改變元素的display的值來實現(xiàn)元素的顯示與隱藏息裸。