• >
主页 > 香港正版挂牌kj378 >
香港正版挂牌kj378
Vue 20学习笔记:v-if 和 v-show
发布日期:2019-08-04 13:40   来源:未知   阅读:

  。如果您喜欢小站的内容,可以点击开通会员进行全站阅读。如果您对付费阅读有任何建议或想法,欢迎发送邮件至:

  在Vue中,我们可以使用v-if和v-show来控制元素或模板的渲染。而v-if和v-show也属于Vue的内部常用的指令。这里所说的指令就是directive,指特殊的带有前缀v-的命令,指令的值限定为绑定表达式,指令的职责是当表达式的值改变时把某些特殊的行为应用到DOM上。

  Vue中的内部指令有很多种,今天我们先学习其中的v-if和v-show两个指令。这两都也就是大家常说的条件渲染。

  咱们先来看v-if指令。其作用就是根据表达式的值true或false在DOM中生成或者移除一个元素(或多个元素)。有点类似JavaScript中的if条件判断。在Vue中除了v-if也有v-else-if和v-else之类。

  在Vue中,如果你需要让某个元素是否渲染,那就在该元素上添加v-if指令,并且设置其值为true或false。比如上面的示例,我们设置的是true,元素被渲染。如果把上面的true值换成false,h1元素就不会渲染。

  如果文章中有不对之处,烦请各位大神拍正。如果你觉得这篇文章对你有所帮助,打个赏,让我有更大的动力去创作。(^_^)。看完了?还不过瘾?点击向作者提问!

  W3cplus是一个致力于推广国内前端行业的技术博客。它以探索为己任,不断活跃在行业技术最前沿,努力提供高质量前端技术博文;其文章范围广泛,www.342466.com,主要以CSS3、HTML5、JavaScript、Vue、React、Mobile、动画等教程、译文和案例为主。

  W3cplus提供相关广告展示与招聘发布,有需要的请联系:微信号w3cplus,E-mail:

  常用昵称“大漠”,W3CPlus创始人,目前就职于淘宝。对HTML5、CSS3和CSS处理器等前端脚本语言有非常深入的认识和丰富的实践经验,尤其专注对CSS3和动画的研究,是国内最早研究和使用CSS3和CSS处理器技术的一批人。现在主要在探讨学习JavaScript、React和Vue相关技术知识。CSS3、CSS处理器和Drupal中国布道者。2014年出版《图解CSS3:核心技术与案例实战》。

  本书是国内著名的Web前端专家历时2载的心血之作,根据最新的CSS3撰写,融入了作者在CSS领域多年的使用经验,旨在将本书打造成为CSS3领域最权威和实用的专业著作,供没有经验的读者系统学习,供有经验的读者参考备查。

  本书理论知识系统全面,详细讲解了选择器、伸缩布局盒模型、渐变、过渡、动画等主题下涵盖的所有CSS3新特性。

  湘B2-20110104-7,衡阳市雅米信息技术有限公司 © 2011-2019W3CPLUS,感谢Drupal开源技术。感谢七牛云存储提供静态资源空间。

网站首页  | 香港最快开奖结果查询  | 牛魔王论坛  | www.888300.com  | 香港正版挂牌kj378