如要实现请参考使用javascript脚本语言。
答题不易，互相理解，您的采纳是我前进的动力，
您也可以向我们团队发出请求，会有更专业的人来为您解答。
如果我的回答没能帮助您，请继续追问。
看你的代码你应该用的是vue框架，需要在button上写：
<button class="shou" v-for="index in 5" :key="index">....
</button>
v-for是循环，index代表的是索引值，5是循环的次数。在vue里，循环必须要写上key属性，key属性具有惟一性，不能重复，index是惟一的，所以其值可以用index。
html代码里面没有for/in循环吧，for/in循环是js里面的
for...in 语句用于对数组或者对象的属性进行循环操作。
for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作
使用 for ... in 循环遍历数组
<html><body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>
