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.