Конфликт Jinja2 и Vue.js с фигурными скобками. Как исправить?

Question

[Матвей Тарасов]

Шаблонизатор и механизм работы Vue конфликтуют. То есть я не могу вернуть html с блоком <script> в котором есть такая запись: {{message}}, потому что Jinja2 попытается это обработать. Работает костыль с обрамлением этого в еще одну пару скобок и кавычки {{"{{message}}"}}, но это, согласитесь, убого. Так как быть? {% %} как в Джанго не работает, вроде.

Comments

[javedimka]

В вуе можно выставить другие скобки, подробнее в гугле

Answer 1

[Влад Токарев]

Обычно переменные Vue и переменные бэкенда не встречаются совсем уж рядом, поэтому можно Vue блоки выделять в "raw" блоки, в которых не идет обработка синтаксиса Jinja:

<h1>{{ JinjaVariable }}</h1>
{% raw %}
    <div>
        {{ VueJsVariable }}
    </div>
{% endraw %}

Answer 2

[Шамуэй]

Поменять в vue или во Jinja2 квадратные скобки на к примеру [[ var ]]

Comments

[Матвей Тарасов]

а как это сделать?

[Шамуэй]

Матвей Тарасов, Хз, в туториал к ним должно быть написано

[Матвей Тарасов]

Нагуглил, спасибо!

Answer 3

[aloky]

delimiters: ["[[","]]"] во vue.js