Использование vue js с существующим приложением

Question

Здравствуйте, у меня есть веб-приложение, написанное на django, и я хочу добавить несколько функций vue js. Я не хочу испытывать все трудности с веб-пакетом, поэтому я могу использовать vue.js в качестве внешнего скрипта, например:

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

как предложено здесь: https://vuejs.org/v2/guide/installation.html#ad

Также у меня есть на странице html:

<div id="app">
    just an app
  {{ message }}
</div>

И следующий встроенный скрипт:

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

Но на моей странице нет сообщения "Hello vue". Как вы можете видеть на экране печати Так что мне делать?

Answer 1

Я получил решение, которое не сработало, потому что django использовал те же браслеты, что и vue.js, что-то вроде этого {{variable}}

Так что я отключил браслеты django: вот так:

{% verbatim %}
<div id="app">
    just an app
  {{ message }}
</div>
{% endverbatim %}