Django模版与vue.js渲染冲突问题
Posted John966
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Django模版与vue.js渲染冲突问题相关的知识，希望对你有一定的参考价值。
在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")
<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渲染冲突问题的主要内容，如果未能解决你的问题，请参考以下文章