javascript - v-for通过以降序方式迭代的反向顺序

Question

我想制作一个从 5 到 0 的循环。我不知道我是否遗漏了一些明显的东西，但似乎没有办法在不创建数组和反转的情况下做到这一点。

这是我现在的做法：

new Vue({
   el: '#app'
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <span v-for="value in Array.apply(null, {length: 5}).map(Number.call, Number).reverse()">{{ value }} | </span>
</div>

没有那种单行黑客有没有更简单的方法？

标签： javascriptvue.jsvuejs2

Answer 1

我认为这是另一个可以帮助您的代码破解：

new Vue({
   el: '#app'
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <span v-for="value in 5">{{ 5-value }} | </span>
</div>