vue基础高频面试题

1.v-if与v-show的区别(面试逐字稿)

        v-if的本质其实的动态的创建或者删除元素节点.一般不用于频繁切换，要么显示、要么隐藏的情况，我都会选择v-if。因为v-if是惰性的，如果初始值为false，那么这些元素就直接不创建了，这样就可以节省一些初始渲染开销。v-show本质是在控制元素的css样式，display：none；display：block；一般元素需要频繁的切换显示隐藏，用v-show。因为v-if在频繁切换的时候会大量的切换和删除元素，消耗性能。

2.key值的作用（逐字稿）

        key值的作用主要是给元素添加一个唯一标识符，用于提高vue渲染性能。当data发生变化的时候，vue会使用diff算法来对比新旧虚拟DOM。如果key值相同，才会考虑复用元素。如果key值不同，则会强制更新元素。一般通过给元素key值设置id，来保证vue在更新数据的时候可以最大程度复用相同key值的元素。

3.key值为什么不能是下标                 

        因为数组的长度发送变化的时候，其他的元素下标会受到影响。而如果把下标作为key值，由于其他的元素下标变化。所以vue会认为你的key值也变化了，就会强制更新你的元素，影响性能。

4.计算属性与侦听器区别     

        1.功能不同 ： 计算属性解决模板语法冗余，  侦听器监听data中某一个数据变化

        2.计算属性有缓存，侦听器没有缓存

        3.计算属性不支持异步操作，侦听器支持异步操作

        4.计算属性可以新增一个属性，而侦听器一定要是data中的属性