2016년 7월 21일 목요일

Vue.js Python Django conflict

Vue.js 를 Django 에서 사용할때, view template 에서 사용하는 {{}} 패턴과 중복이 되어 문제가 생기게 된다.

해결방법은 아래와 같다.

  1. view template 의 {% verbatim %}{% endverbatim %} 테그로 Vue.js 코드영역을 감싸는 방법.
    ...
    <ul>
    {% verbatim %}
    <li v-for="article in articles">{{article.message}}</li>
    {% endverbatim %}
    </ul>
    ...

  2. Vue.js 의 사용 패턴을 변경한다.

    Vue.config.delimiters = ['[[', ']]'];