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

【问题标题】：Using vue js with existing application将 vue js 与现有应用程序一起使用
【发布时间】：2018-05-11 16:25:51
【问题描述】：

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

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

我的页面上还有这个 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”。正如您在打印屏幕上看到的那我该怎么办？

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：