title: v-on:click in component not working
body: <p>A vue.js component creates a button which should call a function, but the function is never called and the v-on:click is not visible in Chrome's element inspect. My html goes like this:</p>
  
  <pre><code>&lt;bottomcontent&gt;&lt;/bottomcontent&gt;
  </code></pre>
  
  <p>And my Vue is like this:</p>
  
  <pre><code>var bottomcontent = {
    template: '&lt;div class="bottomcontent"&gt;&lt;div class="moreresults" v-on:click="appendcontent"&gt;More Results&lt;/div&gt;&lt;/div&gt;'
  }
  new Vue({
    el : 'body',
    data : {
      homepage:{
        numberofdivs: 60
      }
    },
    methods : {
        appendcontent: function() {
          homepage.numberofdivs += 60
      }
    },
    components: {
      'bottomcontent': bottomcontent
    }
  })
  </code></pre>