一、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根实例创建过程中则不存在该限制,也是因为根实例只能有一个,不需要担心这种情况。