v-if和v-show优先级

# 一、v-if和v-for 优先级

# v-for的优先级要比v-if的优先级高

证明这个事情，是在vue.js源码种10997行

if (el.staticRoot && !el.staticProcessed) {
  return genStatic(el, state)
} else if (el.once && !el.onceProcessed) {
  return genOnce(el, state)
} else if (el.for && !el.forProcessed) {
  return genFor(el, state)
} else if (el.if && !el.ifProcessed) {
  return genIf(el, state)
} else if (el.tag === 'template' && !el.slotTarget && !state.pre) {
  return genChildren(el, state) || 'void 0'
} else if (el.tag === 'slot') {
  return genSlot(el, state)
} else {

# 注：v-if和v-for不要写在同一个节点上，这个性能很差。（v-if要写在父节点上）

# v-for中的key值的作用是什么？

key属性是DOM元素的唯一标识
作用：
1.提高虚拟DOM的更新
2.若不设置key，可能会触发一些bug
3.为了触发过度效果

← v-if和v-show区别 ref是什么→