Vue面试题整理（一）

一.v-if vs v-show

• v-if和v-show的区别

v-if是惰性的，当条件为真时才会开始渲染条件块。

而v-show不管初始条件是什么，元素总是会被渲染，只是简单的基于CSS进行切换。(display:none/block)

v-if有更高的切换开销，而v-show有更高的初始渲染开销。

• v-if和v-show的应用场景

如果在运行时条件很少改变(如游戏界面)，使用v-if

如果需要非常频繁地切换(如tab选项卡)，使用v-show

• 注意！ v-show 不支持 元素，也不支持 v-else。

二.template标签 vs key

• template标签和key的区别

****不可见的包裹元素

key管理可复用的元素

• template标签和key的使用场景

在**元素上使用v-if**条件渲染分组

key用于 v-for循环中 或 切换页面的input中

三.使用apply方法将参数以数组方式传入

var arr=[1,2,3,4,5];

var temp=[‘a’,‘b’,‘c’,‘d’];

arr.splice.apply(arr,[2,0].concat(temp));

• ES6

arr.splice(2,0,…temp);

四.如何在一个数组中间插入元素

arr.splice(2,0,‘a’);

五.MVVM框架

• model 模型层(m)
  data(){ return { } }
• view 视图层(v)
• vm层
  new Vue({…})