我使用的是Vuejs。这是我的标记:
<body>
<div id="main">
<div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div>
</div>
</body>
这是我的代码:
var main = new Vue({
el: '#main',
data: {
currentActivity: 'home'
}
})
;
当我加载页面时,我得到这样的警告:
[Vue warn]: Cannot find element: #main
我做错了什么?
发布于 2017-08-20 18:06:03
我已经通过向'script‘元素添加'defer’属性解决了这个问题。
发布于 2016-11-15 00:44:32
我得到了同样的错误。解决方案是将脚本代码放在body的末尾,而不是head部分。
发布于 2017-10-02 00:42:26
简单的做法是将脚本放在文档下面,就在结束</body>
标记之前:
<body>
<div id="main">
<div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div>
</div>
<script src="app.js"></script>
</body>
app.js文件:
var main = new Vue({
el: '#main',
data: {
currentActivity: 'home'
}
});
https://stackoverflow.com/questions/29484431
复制相似问题