我是大神 (guhhhhh)
我分享了代码,避免v-for与v-if混用
1、过滤后的列表只会在 list 数组发生相关变化时才被重新运算,过滤更高效。
2、使用 v-for="item in list" 之后,我们在渲染的时候只遍历需要显示的数据,渲染更高效。
3、解耦渲染层的逻辑,可维护性比较高。

注意:关闭本对话框后, 你将看到由 我是大神 (guhhhhh) 开发的DEMO演示:避免v-for与v-if混用 1、过滤后的列表只会在 list 数组发生相关变化时才被重新运算,过滤更高效。 2、使用 v-for="item in list" 之后,我们在渲染的时候只遍历需要显示的数据,渲染更高效。 3、解耦渲染层的逻辑,可维护性比较高。,仅限工作交流和学习, 切勿在页面中填写你的登录密码、个人信息或向他人转账。


我已知晓安全风险,并继续浏览测试页面

编辑源码 | 下载源码