Max*_*x0u 1 html javascript django templates vue.js
我使用 Django 和 VueJs。
我尝试在 Django 模板中使用 Vue，但是当尝试从我的脚本中显示数据时，什么也没有出现。
这是我的 html 文件：
{% load static %}
<body>
<p>No polls are available.</p>
<div id="app">
{{message}}
</div>
<script src="{% static "app.js" %}" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js">
</script>
</body>
在我的 app.js 中：
new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
我的脚本已加载，但您好 Vue！不会出现。
似乎 Vue JS 分隔符 {{ & }} 与 jinja 模板分隔符崩溃了。解决方案只是更改分隔符。
new Vue({
delimiters : ['[[',']]'],
el: '#app',
data: () => {
return {
message: "hello world"
}
}
})
在这里，我将分隔符更改为 [[ & ]]。所以，你可以这样使用它：
<div id="app">[[message]]</div>
| 归档时间： |
|
| 查看次数： |
3213 次 |
| 最近记录： |