Estou usando o Vuejs . Esta é a minha marcação:
<body>
<div id="main">
<div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div>
</div>
</body>
Este é o meu código:
var main = new Vue({
el: '#main',
data: {
currentActivity: 'home'
}
})
;
Quando carrego a página, recebo este aviso:
[Vue warn]: Cannot find element: #main
O que estou fazendo de errado?