html5 支持v-for吗,很多人不知道 v-for 可以这样解构！

作者：Michael Thiessen

译者：前端小智

来源：medium

点赞再看，养成习惯

本文 GitHub https://github.com/qq44924588... 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

最近发现我们可以使用v-for进行解构。

之所以起作用，是因为 Vue 将v-for的整个第一部分直接提升到函数的参数部分：

function (____) {

//...

}

然后，Vue 在内部使用此函数来渲染列表。

这说明可以放在函数中括号中的任何有效Javascript也可以放在v-for中，如下所示：

你可以在这里为非作歹，只是不要太疯狂😉。

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。

其他 v-for 技巧

众所周知，可以通过使用如下元组从v-for中获取索引：

{ { index + 1 }} - { { movie }}

当使用一个对象时，你也可以捕获 key:

{ { key }}: { { value }}

还可以将这两种方法结合使用，获取属性的键和索引:

#{ { index + 1 }}. { { key }}: { { value }}