前端经典面试题及答案一

1. 为什么不能使用箭头函数？（可参考官方文档，官方文档有给出解释）

答：我们在methods中要使用data返回对象中的数据，那么这个this必须是有值的，并且可以通过this获取到data返回对象的数据。

        但是这个this不能是window，因为window中无法获取到data返回对象中的数据，可以通过箭头函数解决this指向window的问题。

2. v-show与v-if的区别

答：用法上，v-show不支持template；v-show不能和v-else一起使用。

       本质上，v-show元素无论是否需要显示到浏览器上，它的DOM实际都是有渲染的，只是通过CSS的display属性来进行切换；

       v-if当条件为false时，其对应的原生压根不会被渲染到DOM中！

       开发中，如果原生需要在显示和隐藏之间频繁的切换，使用v-show，否则使用v-if。

3. v-for中的key有什么作用

在使用v-for进行列表渲染时，通常会给元素或者组件绑定一个key属性。

官方解释：

        key属性主要用在Vue的虚拟DOM算法，在新旧nodes对比时辨识VNodes；

        如果不使用key，Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改、复用相同类型元素的算法；

        使用key时，会基于key的变化重新排列元素顺序，并且会移除、销毁key不存在的元素。