基础知识点

49 阅读1分钟

1. delete 和 Vue.delete 删除数组,有什么不同

delete只是被删除的元素变成了 empty/undefined 其他的元素的键值还是不变

image.png

Vue.delete直接删除了数组的元素 改变了数组的键值

image.png

2. Vue初始界面闪动问题

使用vue时,当网络加载很慢时,或者频繁渲染时候,页面就会显示出源代码的情况;

首先,在差值语法所在的标签处加上v-cloak指令

<h3 v-cloak>{{name}}</h3>
 // 在css中设置v-cloak的属性为display为none
 <style type="text/css">
     [v-cloak]{
         display:none;
     }
 </style>

v-cloak原理是先通过样式隐藏内容,然后在内存中进行值的替换,将替换的内容再反馈给界面,数据渲染完毕之后,v-cloak 属性会被自动去除