Django + Vue.js 问题
[英]Django + Vue.js issue
问题描述
我想在我的 Django 项目中实现 Vue.js。
Code:
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.18/vue.min.js"></script>
</head>
<body>
<div id="demo">
<p>{{message}}</p>
</div>
<script>
var demo = new Vue({
el: '#demo',
data: {
message: 'Hello Vue.js!'
}
});
</script>
</body>
</html>
除了我的 django 项目外，在任何地方都可以使用。 有任何想法吗 ？
2 个解决方案
解决方案1
4 已采纳 2017-07-10 23:18:16
您需要使用模板中的标记逐字转义大括号：
<div id="demo">
<p>{% verbatim %}{{message}}{% endverbatim %}</p>
</div>
解决方案2
2 2018-05-13 15:39:54
问题是 Vue.js 模板语法与 Django 模板语法冲突（对于 Jinja2）。 两种技术都使用{{和}} 。
但是 Vue.js 可以很容易地配置为使用另一个开始和结束字符进行变量替换：
<body>
<div id="demo">
<p>${message}</p>
</div>
<script>
var demo = new Vue({
delimiters: ['${', '}'],
el: '#demo',
data: {
message: 'Hello Vue.js!'
}
});
</script>
</body>
Django 模板中的 Vue.js
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.