很多人不知道|很多人不知道 v-for 可以这样解构！
作者：Michael Thiessen
译者：前端小智
来源：medium
有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。最近发现我们可以使用
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
v-for进行解构。之所以起作用，是因为 Vue 将
v-for的整个第一部分直接提升到函数的参数部分：
function (____) {
//...
}然后，Vue 在内部使用此函数来渲染列表。
这说明可以放在函数中括号中的任何有效Javascript也可以放在v-for中，如下所示：
你可以在这里为非作歹，只是不要太疯狂。
大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。
其他 v-for 技巧 众所周知，可以通过使用如下元组从
v-for中获取索引：
{{ index + 1 }} - {{ movie }}
当使用一个对象时，你也可以捕获
key:
{{ key }}: {{ value }}
还可以将这两种方法结合使用，获取属性的键和索引:
#{{ index + 1 }}. {{ key }}: {{ value }}
Vue 确实支持对
Map 和Set对象进行迭代，但是由于它们在 Vue 2.x 中不具有响应性，因此其用途非常有限。 我们还可以在此处使用任何 Iterable，包括生成器。顺便说一句，我有时使用
Map或Set，但通常仅作为中间对象来进行计算。 例如，如果我需要在列表中查找所有唯一的字符串，则可以这样做：computed() {
uniqueItems() {
// 从数组创建一个Set，删除所有重复项
const unique = new Set(this.items);
// 将该 Set 转换回可用于 Vue 的数组
return Array.from(unique);
}
}字符串和
v-for
你知道吗，还可以使用v-for遍历字符串？文档中没有这一点，我只是在通读代码以弄清楚
v-for是如何实现的时候才发现了它:{{ character }}
上面会打印每个字符。
文章图片
编辑中可能存在的bug没法实时知道，事后为了解决这些bug,花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
原文：https://forum.vuejs.org/t/des...
交流
有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。【很多人不知道|很多人不知道 v-for 可以这样解构！】
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
文章图片
推荐阅读
- 如此好用的读Android源码利器还有人不知道（）
- 你不知道的那些字符串方法~
- 区块链|Linux 29岁，你不知道的29个重大事件
- python|学了这么久python，你居然还不知道什么是爬虫（看完这篇文章你就明白了！）
- GWAS|颜值即正义 | 只知道qqman而不知道cmplot是不专业的
- 网络瘤|网络瘤 24 题做题寄录
- python|分享5个你不知道的软件测试小神器（赶紧收藏起来）
- 这几年火速发展的游戏建模，你还不知道是什么（薪资达十万、百万）
- 作为一个LSP，我不允许你不知道这款浏览器插件
- 为什么我的MySQL会“抖”一下（）