Vue.js 如何将变量传递到vue路由器v-link

我有一个vue组件来呈现导航列表和传递导航列表，每个项目包括标题和链接：

<template>
  <ul>
    <li v-for="item in list"><a v-link="{{ path: item.link }}"></a></li>
  </ul>
</template>

<script>
  export default {
    props: ['list']
  }
</script>

如果将变量传递到v-link路径，我应该怎么做

---

感谢阅读：）

v-link中的语句不需要“Mustache”语法

我将以下内容用于：

概述

可以找到更多文档。
较短的方法是：

<router-link :to="`/applications/${currentApplicationId}`">Overview</router-link>

概述
我认为这是可读性、路由器链接和易用性的合适答案
<router-link :to="{path: '/applications/' + currentApplicationId}" class="nav-link">Overview</router-link>

<router-link :to="`/applications/${currentApplicationId}`">Overview</router-link>