vue的条件渲染指令v-if::
v-if的功能类似于js语言中的分支语句,当if条件判断为真的时候执行if语句,当if条件判断为假则执行else语句。
如图所示当flag的值未true时,v-if指令执行显示,为假的时候v-else指令执行隐藏。v-show也可以控制元素的显示与隐藏。
但是v-if与v-show也是有区别的v-if通过移除dom节点实现元素的隐藏而v-show则通过改变元素的display的值来实现元素的显示与隐藏。
vue的条件渲染指令v-if::
v-if的功能类似于js语言中的分支语句,当if条件判断为真的时候执行if语句,当if条件判断为假则执行else语句。
如图所示当flag的值未true时,v-if指令执行显示,为假的时候v-else指令执行隐藏。v-show也可以控制元素的显示与隐藏。
但是v-if与v-show也是有区别的v-if通过移除dom节点实现元素的隐藏而v-show则通过改变元素的display的值来实现元素的显示与隐藏。