Vue------知识点汇总-面试题

一、v-if和v-for谁的优先级最高？（或当v-if和v-for同时出现时，我们应该怎样优化从而获得更好的性能？）

1、显然v-for优先于v-if被解析（图片在下面，个人整理了一下。把你是怎么知道的告诉面试官）

2、如果同时出现，每次渲染都会先执行循环再判断条件，无论如何循环都不可避免，浪费了性能

3、要避免出现这种情况，则在外层嵌套template，在这一层进行v-if判断，然后在内部进行v-for循环

4、如果条件出现在循环内部，可通过计算属性提前过滤掉那些不需要显示的项

两者同级时，渲染函数如下：（循环在前，条件在后）

两者不同级时，渲染函数如下：（条件在前，循环在后）

总结：两者同级时，循环v-for优先级高于判断v-if

二、vue组件data数据为什么一定要是函数

1. vue祖江可能存在多个实例，如果使用对象的形式定义data,则会导致它们共用一个data对象，那么状态变更将会影响所有的组件实例，这是不合理的

2. 采用函数形式定义，在initData时，会将其作为工厂函数返回全新的data对象，有效规避多实例之间的状态污染问题

3.在Vue根实例创建过程中则不存在该限制，也是因为根实例只能有一个，不需要担心这种情况。

三、vue中key的作用和工作原理.