Vue拓展_V-Show&&V-If&&...


这篇文章是因为今天在开发的时候测试来找了一下说是我当时一个页面渲染的位置用V-show不如V-if好,需要我改一下,经过一番讨论,我弄明白了两者区别,特地写一篇来记录一下

一、V-Show

V-Show的原理是将盒子模型设置为display:none

所以在页面加载的时候不管V-Show的判定值为多少,都会加载页面,只是显示与否罢了

这样做虽然成本不高,但是会导致页面初始化速度会很慢,可能会导致一个问题:“当页面开始加载时,数据还没加载出来的时候,首先跳转的时没有数据的页面,当数据加载完了之后才会慢慢显示有数据的页面,会产生一个过度”

vshow刚开始消耗大,能够切换很多场景。
在这里插入图片描述

二、V-If

V-If的主要原理是显示或不显示盒子,当V-If判定为真,内容才会显示加载

这样做页面初始化要快一点,当然成本也会更高

vif消耗大,运营条件不能改变。
在这里插入图片描述

在这里插入图片描述

三、…

在拿数据的时候,可能会出现这样的情况
拿数据的时候返回的是{ {array[ 6]},length:1}
这代表着拿的是array这个整体,并不是他的子集
如果要拿他的子集,需要用…运算符去展开array
在这里插入图片描述

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

是发财不是旺财

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值