最近发现我们可以使用v-for进行解构。
之所以起作用,是因为 Vue 将v-for的整个第一部分直接提升到函数的参数部分:
<li v-for="____ in array">
</li>
function (____) {
//...
}
然后,Vue 在内部使用此函数来渲染列表。
这说明可以放在函数中括号中的任何有效Javascript也可以放在v-for中,如下所示:
<li v-for="{
// Set a default
radius = 20,
// Destructure nested objects
point: { x, y },
} in circles">
你可以在这里为非作歹,只是不要太疯狂????。
————————————————
版权声明:本文为CSDN博主「前端小智@大迁世界」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq449245884/article/details/107031724
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有