Vue基础入门,第12节 v-if使用,与v-show的区别

Vue基础入门,第12节 v-if使用,与v-show的区别Vue 读音 vju 类似于 view 是一套用于构建用户界面的渐进式框架 与其它大型框架不同的是 Vue 被设计为可以自底向上逐层应用 Vue 的核心库只关注视图层 不仅易于上手 还便于与第三方库或既有项目整合

欢迎大家来到IT世界,在知识的湖畔探索吧!

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

v-if 的作用

根据表达式的真假来切换元素的显示状态。

原理是通过操作DOM元素进行切换状态。当表达式为true,切换显示,当表达式为false,切换删除。

我看到你了

欢迎大家来到IT世界,在知识的湖畔探索吧!

也可以写成表达式

欢迎大家来到IT世界,在知识的湖畔探索吧!

优秀

那么v-show和v-if有什么区别?

v-if:操作的是DOM,如果为false,那么久直接移除。缺点是消耗资源较多。

v-show:操作的是css ,如果为false,那么style=”display: none;”。

频繁切换采用v-show,因为消耗资源小,因此日常用v-show。

Vue基础入门,第12节 v-if使用,与v-show的区别

欢迎大家来到IT世界,在知识的湖畔探索吧!

源码:

 
    
    Title 
     
     
    

我看到你了

我用v-show看到你了

优秀

Vue基础入门,第12节 v-if使用,与v-show的区别


免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/82920.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信