v-if和v-for可以同时使用吗？
可以使用，但是，在循环时，通过v-if只能拿到少部分数据时，建议不要使用。
原因： v-for比v-if优先级高，如果遍历的数组元素个数比较多，但是满足v-if条件比较少的情况下。会浪费性能。而且，每次刷新页面时，都会执行这样性能不高的代码。
解决：可以在computed里循环数组，通过filter的方式，过滤出需要的数据。v-for直接循环计算属性的结果(不用v-if)。
而computed是有缓存的，所以，在原始数据没有变化时，不会多次过滤数据，这样，就提高了效率。
10年以上业内强师集结，手把手带你蜕变精英
请您保持通讯畅通，专属学习老师24小时内将与您1V1沟通
今日已有369人领取成功
猜你喜欢LIKE
相关推荐HOT
更多>>
算法评测标准---空间复杂度是什么？
算法评测标准---空间复杂度是什么？空间复杂度是什么？一. 空间复杂度的概念，复杂度(Space Complexity)，是对一个算法在运行过程中临时占用存...详情>>
2023-03-23 20:15:04
怎么用css画三角形？
怎么用css画三角形？border这里的像素值 和 border-left这里的像素值可以是不一样的,也可以是一样的,根据三角形的形状来进行具体设置值即可，要...详情>>
2023-03-23 15:27:16
Maven集成 tomcat插件及使用教程
在实际的项目开发中，特别是分布式项目，往往有N多个子项目需要同时启动测试。这样多个项目引用tomcat插件，配置不同的端口，就可以同时启动N个...详情>>
2023-02-23 14:44:00
扫盲CSS中常见的单位
Px是pixel的简写, 被称之为像素单位, px可以在计算机屏幕上，能达到预期的效果，在打印机和其它的高分辨率设备上，它又能取得所希望的效果, 一...详情>>
2023-02-16 13:47:00热门推荐
java变量的作用域是什么？
沸什么是Java循环？
热switch语句的case和default有顺序吗?
热SpringBoot中使用redis 新手入门
新vue的watch和computed的区别以及特点是什么？
算法评测标准---空间复杂度是什么？
Spring整合Junit框架是什么？
break和continue必须要在循环中使用吗？
怎么用css画三角形？
手把手教你搭建Oauth2授权服务！
为什么不能用break？
什么是foreach循环？它有哪些优点和局限性？
react生命周期？16版本删除了什么钩子函数？为什么删除？
经典面试题：static加载机制你知道吗?
技术干货
京公网安备 11010802030320号