Skip to Content
Welcome to yujie-code-blogs build by Nextra 4.0 🎉
前端八股文合集Vuev-show 和 v-if 的区别

v-showv-if 的区别

  1. v-showv-if都能控制组件的隐藏和显示

  2. v-show渲染的组件会一直保持渲染,v-if只在组件需要渲染时才会渲染组件

  3. v-if总的来说性能开销更大,v-show总的来说性能开销更小

  4. 使用场景: a. 首页加载想减少初次加载内容的条件下,可以使用v-if来减少dom的加载来提高加载速度 b. 过度效果:v-if 结合transition