我正在使用Twig将经典Symfony应用程序转换为完整的VueJS应用程序 .
VueJS已经在使用symfony路由在某些页面上工作了 .
我现在需要使用Vue Router在多个组件之间导航 .
我跟着Vue Router doc并且它's working perfectly but when I click on my router link, the content of component template linked to the route is displayed but the non vue page content stay because it'不是由Vue在 <router-view></router-view> 中生成的
所以我试图将旧的Symfony路由与vue路由器混合，并在VueJS内容和非VueJS内容之间进行交替 .
我想添加一个条件来检查 router-view 是否为空，然后显示经典内容，如果没有显示另一个 .
实际上我的 router-view 在Twig模板中，所以我无法访问所有vue道具 .
<div class="container-fluid">
<router-link to="/foo">Go to Foo</router-link>
<router-view></router-view>
{% block content %}{% endblock %}
</div>
我没有找到任何方法来添加条件，根据VueRouter doc我没有找到要做的事情，这简直可行吗？
如果我需要找到另一种方法，也许创建一个将在 router-view 和 {% block content %}{% endblock %} 之间切换的组件，但我认为twig不会理解我的块，因为Twig渲染将在Vue向页面添加内容之前 .
有人已经有这个问题并成功修复它吗？