在django 模版中使用vue.js 会出现无法渲染问题，因为django 默认html 渲染使用的是{{  }} 与vue 的默认方式一致。因此会出现无法渲染问题。​不过不影响vue 的数据绑定如：v-if v-on v-mode v-html 等方式。​

在网上我看到许多办法我亲测下来发现都没有效果，只有以下方式有效。话不多说，直接贴demo代码

from django.shortcuts import render

# Create your views here.
def index(request):
    return render(request,"index.html")
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/vue/vue_2.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>

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

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

</html>

Django模版与vue.js渲染冲突问题_ios