vue中v-if和v-show有什么区别?
两个都是让元素不可见。但是两个选项有区别
- v-if 在条件切换时,会对标签进行适当的创建和销毁,而v-show则仅在初始化时加载一次,因此v-if的开销比v-show大
- v-show控制的时元素的display属性,无论初始条件是否成立,都会渲染标签。而v-if是惰性的,只有在条件成立时才渲染为真实的标签,条件为假,不会去渲染标签
项目中如何使用?
- 当初始条件为假时,v-show初始渲染开销较高,使用v-if
- 当我们频繁切换开关是,v-if切换开销较高,使用v-show
- 多路分支,只能选择v-if
- 具体看开发项目的时候是否频繁操作DOM