这篇文章是因为今天在开发的时候测试来找了一下说是我当时一个页面渲染的位置用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