vue不要在同个元素上同时使用v-if和v-for指令
导读:本文共806字符,通常情况下阅读需要3分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 不要在同个元素上同时使用v-if和v-for指令为了过滤数组中的元素,我们很容易将v-if与v-for在同个元素同时使用。//不好的做法<divv-for='productinproducts'v-if='product.price<500'>问题是在 Vue 优先使用v-for指令,而不是v-if指令。它循环... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。渲染效率更高,因为我们不会遍历所有元素
仅当依赖项更改时,才会重使用过滤后的列表
这写法有助于将组件逻辑从模板中分离出来,使组件更具可读性
本文:
vue不要在同个元素上同时使用v-if和v-for指令的详细内容,希望对您有所帮助,信息来源于网络。