Как запустить vue.js в Django?

Question

[Игорь Че]

В Django не работает vue.js. Даже простой Hello world.
view.py:

from django.shortcuts import render
from django.http import HttpResponse
from django.core import serializers
from .models import State

def main(request):
	return render(request, 'inspector/vue.html')

def get_state(request):
	panel_list = State.objects.all()
	data = serializers.serialize('json', panel_list)
	return HttpResponse(data, 'application/javascript')

vue.html

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <p>{{ message }}</p>
</div>

<script type="text/javascript">
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})
</script>

Если открыть этот шаблон напрямую в браузере как обычный html, все работает.
Подозреваю дело в фигурных скобках {{ }}, Джанго ожидает в них переменные шаблона.
Как решить этот конфликт?

Answer 1

[sim3x]

Сменить тип скобок в вуе - он ведь такое умеет?

В джанго темплейте
https://docs.djangoproject.com/en/dev/ref/template...

Comments

[Игорь Че]

Спасибо. Действительно можно изменить маркеры в vue.
Добавил параметр delimiters: ['{*', '*}'] при инициализиции приложения.
Вот ссылка на документацию: ruvuejsorg.surge.sh/v2/api/#delimiters

Answer 2

[Yeldos Adetbekov]

Добавьте delimiters:['[[',']]'], в главное тело приложения или компонента. Заметьте, что все компоненты независимы.