vif和vshow的区别是:v-if:该指令用于条件性的渲染一块内容,当指令的表达式返回值为true的时候,内容会被渲染进去;如果条件始终为false,那么内容就始终不会被渲染相同,当返回值为fal。vue中vif和vshow区别?更多详情请大家跟着小编一起来看看吧!

vue中vif和vshow区别(1)

vue中vif和vshow区别(1)

vif和vshow的区别是:

v-if:

该指令用于条件性的渲染一块内容,当指令的表达式返回值为true的时候,内容会被渲染进去;如果条件始终为false,那么内容就始终不会被渲染。相同,当返回值为false的时候,内容会被销毁。

v-if能够和v-else、v-else-if搭配应用,应用办法就跟原生js上的用法基本一致。

v-show:

该指令和v-if用法基本一致,指令表达式的值为true就显示,为false就暗藏。显示和暗藏是基于css的款式切换,相似于visibility属性。即便一开始条件为false,内容也会被渲染在文档中,只是由css款式管制暗藏而已。