VUE学习之指令

初心鸿鹄

于 2017-03-03 22:47:43 发布

阅读量403

点赞数

CC 4.0 BY-SA版权

文章标签： vue 框架指令

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/codesWay/article/details/60152267

本文详细介绍了Vue.js中条件渲染的三种方式:v-if、v-show和v-else。v-if用于控制元素的移除与生成，适用于频繁切换显示的情况；v-show则保持DOM元素始终存在，仅改变其可见性；v-else作为v-if的补充，实现类似于编程语言中的if...else结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

v-if：

用来控制元素的移除还是生成，其值为data对象里面的某一个值为布尔值（true或者false）的键, 若是多个元素，那么就可以用该元素包裹着，对其用v-if指令即可；

v-show：

和v-if的区别在于虽然都隐藏了，但是v-show一直都存在那里,(相当于display:none)只不过看不见，还有就v-show是不支持语法的-->

v-else：

其必须跟着v-if，是v-if的对立面（就像 if----else一样），一般不跟着v-show（其实也不配套）

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。