[Vue警告]:找不到元素

我正在使用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

我究竟做错了什么?

2020/03/09 22:55:00

我犯了同样的错误。解决方案是将脚本代码放在正文的末尾,而不是放在头部。