最美不过青衫白发

vuePress-theme-reco xianghaifeng    2018 - 2024
最美不过青衫白发 最美不过青衫白发

Choose mode

  • dark
  • auto
  • light
主页
时间轴
标签
技术文章
  • 常用知识
  • js基础
  • Vue
  • Nuxt
  • 前端工程化
webpack5
  • 基础配置
  • 高级优化
  • 项目配置
  • 原理分析
GitHub (opens new window)
author-avatar

xianghaifeng

93

文章

13

标签

主页
时间轴
标签
技术文章
  • 常用知识
  • js基础
  • Vue
  • Nuxt
  • 前端工程化
webpack5
  • 基础配置
  • 高级优化
  • 项目配置
  • 原理分析
GitHub (opens new window)
  • Vue

    • 虚拟dom和diff算法
    • vNode节点
    • Vue异步更新DOM策略及nextTick
    • Vuex源码解析
    • vue事件机制
    • vue组件通信
    • Vue内部运行机制
    • vue数据绑定原理
    • 依赖收集
    • 响应式原理
    • keep-alive
    • vue中template编译
    • element组件库broadcast和dispatch
    • Ref区别
    • 异步组件
    • attribute 强制行为
    • directive 指令
    • v-is
    • Data
    • Event
    • filters
    • 片段
    • 函数式组件
    • 全局API
    • 渲染函数
    • slot统一
    • 过渡class变化
    • v-model
    • v-if 与 v-for 的优先级对比
    • v-bind

v-if 与 v-for 的优先级对比

vuePress-theme-reco xianghaifeng    2018 - 2024

v-if 与 v-for 的优先级对比

xianghaifeng 2021-03-11
  • 变化:两者作用于同一个元素上时,v-if 会拥有比 v-for 更高的优先级。

# 2.x 语法

2.x 版本中在一个元素上同时使用 v-if 和 v-for 时,v-for 会优先作用。

# 3.x 语法

3.x 版本中 v-if 总是优先于 v-for 生效。

Last Updated: 2022/8/12 09:38:48