将vue js与现有应用程序一起使用

Question

你好我有用django编写的现有网络应用程序，我想添加一些vue js feautures。 我不想让webpack感到痛苦，所以我可以坚持将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>

但是没有消息＆＃34; Hello vue＆＃34;在我的页面上。正如您在打印屏幕上看到的那样 那我该怎么办？

Answer 1

我得到了解决方案 它不起作用，因为django使用与vue.js相同的braskets 像这样{{variable}}

所以我关掉了django braskets： 像这样：

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