Я только начал проводить некоторые тесты, используя Vue.js, следуя документации, но заметил, что он не работает под http://localhost:8000/test.html (порт 8000, потому что он запускается командой django runserver), странно то, что тот же код работает нормально, если выполняется непосредственно из файловой системы file:///Users/fabiocaccamo/Desktop/test.html.
Проверка консоли на отсутствие ошибок и Vue.js код состояния 200.
Это html:
<!DOCTYPE html>
<html>
<head>
<title>vue.js test</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
message: 'Hello world!'
}
});
</script>
</body>
</html>
Сервер отвечает и Vue.js загружается правильно, набирая Vue в console, глобальная функция доступна, но шаблон отображается пустым , {{ message }} заменяется пустой строкой, а не "Hello world!".
решено 2020/04/19:
Проблема была очень просто, механизм шаблонов django визуализирует сторону сервера заполнителей vue, следовательно, Vue не нашел заполнитель для динамического рендеринга.