Javascript 如何在vuejs中使用symfony路由？

我是VueJS的新手，我想将其用于我的Symfony平台。 我想知道如何在细枝变量中添加VueJs变量

以下是我的例子：

<div v-for="competition in Vcompetitions">
     <div class="thumbnail">
       <a v-bind:href="XXX">
         <img v-bind:src="competition.src">
       </a>
     </div>
</div>

考虑所需的细枝路径是：

{{path（'name'，{id'：THEID}}}

，VueJs变量是

competition.id

我不知道在XXX上做什么

---

感谢您的帮助

您可以使用FOSJsRoutingBundle，查看文档：

---

你可以试试这样的东西

步骤1：可以将vuejs分隔符

{{}

更改为

${}

           $(document).ready(function () {
                var app = new Vue({
                    delimiters: ['${', '}'],
                    el: '#app',
                    data: {
                        competition: {"id":1},
                    },
                });
            });

步骤2：现在你可以在你的小树枝文件中使用类似于bellow的东西了

---

对于vuejs变量

${competition.id}

和细枝变量

{{competition.id}

。在您的案例中，

{{path（'name'，{'id'：${competition.id}}}}

这不起作用，我得到了意外的字符“$”错误。我这样做了。你可以更改分隔符吗？

分隔符：['${'，'}']，

？你可以显示你的

app.js

或主app js文件吗？我没有主app js文件，我只有上面的js代码。我说的是那些文件，你可以在那里初始化你的vuejs代码！