我如何解决我的问题?
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
</head>
<body>
<div id="demo">
<p>{% verbatim %}{{message}}{% endverbatim %}</p>
</div>
<script>
var demo = new Vue({
el: '#demo',
data: {
message: 'Hello Vue.js!'
}
});
</script>
</body>
</html>
没有任何问题,但是:
<html>
<head>
<meta charset="utf-8">
{% load static %}
<script type="text/javascript" src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<script type="text/javascript" src="{% static 'index/script.js'%}"></script>
</head>
<body>
<div id="demo">
<p>{% verbatim %}{{message}}{% endverbatim %}</p>
</div>
</body>
</html>
浏览器显示“{{message}}”。 你能帮助我吗?我有.js文件的问题,包括。
JS文件: var demo = new Vue({ el:'#demo', 数据:{ 消息:'Hello Vue.js!' } })
答案 0 :(得分:0)
初始化Vue
时,尚未加载DOM。
尝试将脚本移至body
:
<html>
<head>
<meta charset="utf-8">
{% load static %}
<script type="text/javascript" src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
</head>
<body>
<div id="demo">
<p>{% verbatim %}{{message}}{% endverbatim %}</p>
</div>
<script type="text/javascript" src="{% static 'index/script.js'%}"></script>
</body>
</html>