会员管理网站ASP建设,项目推广网,网站建设制作人员招聘要求,网站专栏怎么做漂亮目录
1 v-if v-show
2 v-if v-else-if v-else 1 v-if v-show
v-if与v-show都可以控制DOM的显示与隐藏 由于flag是布尔值#xff0c;所以这里可以直接写 v-ifflag
当flag为true的时候#xff0c;v-if与v-show控制的div都会被显示出来 当flag为false的时候所以这里可以直接写 v-ifflag
当flag为true的时候v-if与v-show控制的div都会被显示出来 当flag为false的时候他们都会被隐藏 如果数据是布尔值可以点击右侧的checkbox改变true或false
v-if与v-show在视觉效果上是一样的但他们的隐藏方法不一样 v-if是这个元素直接没了v-show使用的是display:none
如果要频繁切换的话v-show的性能更好
如果你一开始不需要展示那么v-if的初始加载速度要比v-show更快因为少渲染了一个元素
v-if的语义要比v-show更强即使会影响部分性能我们也通常会使用v-if
2 v-if v-else-if v-else
