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

В 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, все работает.
Подозреваю дело в фигурных скобках {{ }}, Джанго ожидает в них переменные шаблона.
Как решить этот конфликт?
  • Вопрос задан
  • 3366 просмотров
Решения вопроса 1
sim3x
@sim3x
Сменить тип скобок в вуе - он ведь такое умеет?

В джанго темплейте
https://docs.djangoproject.com/en/dev/ref/template...
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
dosya97
@dosya97
Fullstack web-developer
Добавьте delimiters:['[[',']]'], в главное тело приложения или компонента. Заметьте, что все компоненты независимы.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы