v-if与v-show有什么差别?

v-if与v-show的相同点是都可以动态控制dom元素显示隐藏,不同点呢?... v-if与v-show的相同点是都可以动态控制dom元素显示隐藏,不同点呢? 展开
 我来答
Rachel郭
2019-10-09 · 超过35用户采纳过TA的回答
知道答主
回答量:141
采纳率:100%
帮助的人:24.6万
展开全部

不同点:v-if显示隐藏是将dom元素整个添加或删除,而v-show隐藏则是为该元素添加css--display:none,dom元素还在。

三人行慕课

都修改为false后,第一个div是直接被移除掉了

三人行慕课

需要注意的是,当一个元素默认在css中加了display:none属性,这时通过if-show修改为true是无法让元素显示的。原因是显示隐藏切换,只是会修改element style为display:""或者display:none,并不会覆盖掉或修改已存在的css属性。

三人行慕课

廉芃芃7L
2019-10-09 · TA获得超过5816个赞
知道大有可为答主
回答量:9659
采纳率:65%
帮助的人:634万
展开全部
  1.手段:v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设置DOM元素的display样式属性控制显隐;
  2.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换;
  3.编译条件:v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局部编译(编译被缓存?编译被缓存后,然后再切换的时候进行局部卸载); 
    v-show是在任何条件
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式