最近发现我们可以用v-for进行解构。这是可行的，因为Vue将v-for的整个第一部分直接提升到函数的参数部分：function(____){//...}然后，Vue在内部使用此函数来呈现列表。这意味着任何可以放在函数括号中的有效Javascript也可以放在v-for中，像这样：其他v-for技巧众所周知，您可以通过使用这样的元组从v-for中获取索引：使用对象时，您还可以捕获键：{{key}}:{{value}}也可以结合这两种方式得到属性的键和索引：#{{index+1}}.{{key}}:{{value}}Vue确实支持迭代Map和Set对象，但由于它们在Vue2.x中没有响应，因此它们的使用非常有限。我们也可以在这里使用任何Iterable，包括生成器。顺便说一句，我有时会使用Map或Set，但通常只是作为中间对象来进行计算。例如，如果我需要在一个列表中找到所有唯一的字符串，我会这样做：computed(){uniqueItems(){//从数组中创建一个Set，删除所有重复项constunique=newSet(this.items);///将此Set转换回Vue中可用的数组returnArray.from(unique);}}string和v-for你知道你也可以使用v-for来遍历一个字符串吗？它不在文档中，我只是通读我在试图弄清楚v-for是如何实现的时候发现的：{{character}}
将打印每个字符。作者：MichaelThiessen译者：前端小智来源：medium原文：https://forum.vuejs.org/t/destructuring-rest-parameter/23332二维码关注。转载本文请联系前端小智公众号。
