title: [Vue warn]: Cannot find element
body: <p>I'm using <a href="http://vuejs.org" rel="noreferrer">Vuejs</a>. This is my markup:</p>
  
  <pre><code>&lt;body&gt;
    &lt;div id="main"&gt;
      &lt;div id="mainActivity" v-component="{{currentActivity}}" class="activity"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>This is my code:</p>
  
  <pre><code>var main = new Vue({
      el: '#main',
      data: {
          currentActivity: 'home'
      }
  })
  ;
  </code></pre>
  
  <p>When I load the page I get this warning:</p>
  
  <pre><code>[Vue warn]: Cannot find element: #main
  </code></pre>
  
  <p>What am I doing wrong?</p>