Vue.js vuejs和symfony5-链接到公共文档

我有一个实体的参考文档，并在vuejs中呈现如下：

<span v-for="document in assignment.documents">
    <a target="_blank" href="">
        <small>{{ document.id }}.{{ document.extension }}</small>
    </a>
</span>

<a :href="`/uploads/documents/${document.id}.${document.extension}`">

文档存储在public/uploads/documents/中

我如何才能像在twig中一样为我的文档生成有效的href:

<a target="_blank" href="{{ asset('/uploads/documents/' ~ document.id ~ '.' ~ document.extension) }}">
    {{ document.name }}
</a>

---

创建到

href

属性的绑定，并在绑定中使用字符串和变量，该绑定被解释为JavaScript表达式：

<a :href="'/uploads/documents/' + document.id + '.' + document.extension">

---

：href

是

v-bind:href

的缩写，我更喜欢这样使用ES2015：

<span v-for="document in assignment.documents">
    <a target="_blank" href="">
        <small>{{ document.id }}.{{ document.extension }}</small>
    </a>
</span>

<a :href="`/uploads/documents/${document.id}.${document.extension}`">