[django vue 연동이 안될 때] 해결하기 - delimeters

 

기존 html, css, js만으로 구성된 장고의 templates파일들에 vue를 적용시키고자 했다.

 

Vue CDN을 불러왔고, 예제를 하나 만들었다.

 

장고 서버를 켰는데, 

 

Vue 문법이 적용이 되지 않았다.

매우 당황스러웠다.

 

원인은 django의 문법과 vue의 문법이 충돌해서 였다.

 

해결해보자.

 

주석 처리 해뒀던 delimeters를 돌려 놓았고,

 

이에 따라 기존 {{ a. name }} :: {{ a.id }}를

->

{ a.name } :: { a.id }로 변경했다.

 

다시 runserver를 한 결과

 

 

Vue가 잘 적용된 것을 볼 수 있다!

 

내가 초보여서 그런건지 django+vue에 대한 정보가 부족해서인진 모르지만,

몇 시간 동안 끙끙 고민했던 것 같다..

나처럼 삽질하지 않고 시간 절약에 도움이 되고자 포스팅한다.