Vue 라우터와 클래식 Symfony 앱 라우팅 혼합

Vue 라우터와 클래식 Symfony 앱 라우팅 혼합

나는 트위그를 사용한 전통적인 Symfony 애플리케이션을 완전한 VueJS 앱으로 전환하는 작업을 하고 있다.

VueJS는 이미 일부 페이지에서 symfony 라우팅을 사용하여 작업하고 있다.

나는 이제 뷰 라우터를 사용하여 여러 구성 요소 사이를 이동해야 한다.

Vue Router 문서를 따라갔더니 완벽하게 작동하는데 라우터 링크를 클릭하면 경로에 연결된 구성 요소 템플릿의 내용이 표시되지만 비 Vue 페이지 컨텐츠는 Vue에서 생성되지 않아 그대로 유지된다.<router-view></router-view>

그래서 나는 이전의 Symfony 라우팅을 Vue 라우터와 혼합하여 VueJS 콘텐츠와 비 VueJS 콘텐츠를 번갈아 사용하려고 한다.

확인 조건을 추가하려고 하는데router-view비었다가 다른 것을 보여주지 않으면 고전적인 내용을 보여준다.

사실 나의router-view트위그 템플릿 안에 있어서 모든 Vue 소품에는 접근할 수 없어

<div class="container-fluid">
    <router-link to="/foo">Go to Foo</router-link>
    <router-view></router-view>
    {% block content %}{% endblock %}
</div>

부에로터 문서에 따르면, 내가 뭔가 할 수 있는 걸 찾지 못했는데, 이게 그냥 할 수 있는 일인가?

다른 방법을 찾아야 하는 경우 다음 구성 요소를 생성하여router-view그리고{% block content %}{% endblock %}하지만 나는 트위그 렌더링이 Vue가 페이지에 내용을 추가하기 전에 될 것이기 때문에 트위그가 내 블록을 이해하지 못할 것이라고 생각한다.

누군가가 이미 이런 문제를 안고 그것을 고치는 데 성공했는가?

참조URL: https://stackoverflow.com/questions/52540523/mix-vue-router-with-classic-symfony-app-routing