Django + Vue.js问题
Django + Vue.js问题
提问于 2017-07-11 06:42:38
我想在我的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
Stack Overflow用户
回答已采纳
发布于 2017-07-11 07:18:16
您需要在模板中转义带有标记verbatim的大括号：
<div id="demo">
<p>{% verbatim %}{{message}}{% endverbatim %}</p>
</div>Stack Overflow用户
发布于 2018-05-13 23:39:55
问题是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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45022749
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号