前端 vue面试题

v-show和v-if指令的区别
相同：
v-show和v-if都能控制HTML元素的展示。
不同：
1.v-show是通过样式中的display设置为none;控制隐藏，纯粹通过样式改变，只编译一次；v-if是动态的向DOM树上添加或者删除DOM元素，不停的销毁和创建;
2.v-show都会编译，初始值为false，只是将display设为none;v-if初始值为false，就不会编译了。

为什么避免v-if和v-for一起使用
vue2.x版本中，当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级；
vue3.x版本中，当 v-if 与 v-for 一起使用时，v-if 具有比 v-for 更高的优先级。
官网明确指出：避免 v-if 和 v-for 一起使用，永远不要在一个元素上同时使用 v-if 和 v-for。

可以先对数据在计算数据中进行过滤，然后再进行遍历渲染，但是会带来不必要的性能消耗；

后续继续更新。