浅谈Vue3中v-if与v-for优先级问题。

一、注意

? ? ? ? 在Vue3官方文档中，不推荐同时使用?v-if?和?v-for?，因为这样二者的优先级不明显。

????????当它们同时存在于一个节点上时，v-if?比?v-for?的优先级更高。这意味着?v-if?的条件将无法访问到?v-for?作用域内定义的变量别名。

二、怎么解决

????????在外新包装一层?<template>?在其上使用?v-for?可以解决这个问题 (这也更加明显易读)。

三、总结

? ? ? ? 在vue3中，v-if的优先级比v-for的高。在外面新增template加v-for可以解决这个办法。