深入Vue源码V-for为什么比V-if 优先级高

231 阅读1分钟

V-for为什么比V-if 优先级高

很多人只是记住了这个结论但是面试官深究为什么?

可能你就尬住了

深入源码

image.png

在Vue在创建dom元素的时候会执行genElement

 else if (el.for && !el.forProcessed) {
    return genFor(el, state)
  } else if (el.if && !el.ifProcessed) {
    return genIf(el, state)
  • 显然这里我们看到了genFor-也就是V-for的优先级是比genIf要高的
  • 这就是为什么V-for为什么比V-if 优先级高的原因