有没有办法可以在v-for外拿到v-for的变数

Question

想要在v-for循环外拿到v-for的变数, 是有办法的吗＠＠
还是可以简单解释v-for底层template engine实现的原理给小弟膜拜

上个代码

books为一数组 假定 ['5','2','0']

<span v-for="book in books" :key="book">
  <b>{{book}} </b>
</span>
<b>{{ 想在这里计算出 5+2+0 = 7 }} </b>

不知道有没有办法呢

还是我异想天开了....

Answer 1

computed算一下

Answer 2

所以JavaScript自己不能实现循环么？非得靠 template engine 的 v-for 才能办到？

既然能，那 template engine 为什么要考虑你这种需求？为什么要纠结怎么用 v-for 算数组的和？脑回路很清奇啊，如果 template engine 能开辟变量、能赋值变量值，加上 v-if v-for 再出个 v-while v-switch 是不是就可以把 script 部分的逻辑全往 template 里塞？想什么呢！