Vue.js 在现有应用程序中使用vue js

您好，我有一个用django编写的现有web应用程序，我想添加一些vue js功能。 我不想让webpack带来所有的痛苦，所以我可以坚持将vue.js作为外部脚本，如下所示：

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

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

正如这里所建议的：

我的页面上还有以下html：

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

只是一个应用程序
{{message}}

以及以下内联脚本：

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

var app=新的Vue({
el:“#应用程序”，
数据：{
消息：“你好，Vue！”
}
})

但我的页面上没有“Hello vue”的消息。正如您在打印屏幕上看到的那样 那我该怎么办？ 我找到了解决办法 它不起作用，因为django使用了与vue.js相同的Brasket 类似这样的

{{variable}}

所以我关掉了django胸罩： 像这样：

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

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

{%verbatim%}
只是一个应用程序
{{message}}
{%endverbatim%}

你为什么投反对票？我正在做官方教程中描述的事情，我已经给出了一个链接。我不想使用webpack，只想添加一些vue.js奇特的功能，这有什么不对？