Javascript Vuejs：使用v-for显示资源中的图像数组

我的资产文件夹中有100张名为1.png到100.png的图像。我想用v-for显示它们，但我不想为它们硬编码每个url

<div v-for="n in 100">
    <img src="../assets/photos/(1.png, 2.png...).png">
</div>

我应该为1.png，2.png…做什么。。。？我应该使用“将它们放入数据”吗？

用于动态构造src，然后使用绑定src属性：

<div v-for="n in 100">
    <img v-bind:src="`../assets/photos/${n}.png`">
</div>

用于动态构造src，然后用于绑定src属性：

<div v-for="n in 100">
    <img v-bind:src="`../assets/photos/${n}.png`">
</div>

---

我在单个文件组件中尝试了这个方法，它只显示了模板字符串=../assets/photos/${n}.svg>。怎么了？对不起，我忘了双引号了。检查更新。我在单个文件组件中尝试了这一点，它只显示了模板字符串=../assets/photos/${n}.svg>。怎么了？对不起，我忘了双引号了。检查更新。