码迷,mamicode.com
首页 > 其他好文 > 详细

vue中v-if和v-show有什么区别?

时间:2020-07-18 15:56:08      阅读:51      评论:0      收藏:0      [点我收藏+]

标签:加载   如何使用   spl   区别   控制   使用   频繁   切换   因此   

两个都是让元素不可见。但是两个选项有区别

  1. v-if 在条件切换时,会对标签进行适当的创建和销毁,而v-show则仅在初始化时加载一次,因此v-if的开销比v-show大
  2. v-show控制的时元素的display属性,无论初始条件是否成立,都会渲染标签。而v-if是惰性的,只有在条件成立时才渲染为真实的标签,条件为假,不会去渲染标签

项目中如何使用?

  • 当初始条件为假时,v-show初始渲染开销较高
  • 当我们频繁切换开关是,v-if切换开销较高
  • 多路分支,只能选择v-if

vue中v-if和v-show有什么区别?

标签:加载   如何使用   spl   区别   控制   使用   频繁   切换   因此   

原文地址:https://www.cnblogs.com/my12-28/p/13335768.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!