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