title: VueJS - Invalid handler for event "click": got undefined
body: <p>I have list of elements which I want to go to edit when clicked.
  I have similar solution in other component and it is working perfectly fine but in new one it is not and can't find why.</p>
  
  <p>When component is rendered I got:
  <code>Invalid handler for event "click": got undefined</code></p>
  
  <p>List:</p>
  
  <pre><code>&lt;div v-for="annt in anns" class="item two-lines" v-if="!anntInEdit"&gt;
            &lt;div class="item-content has-secondary" v-on:click="edit(annt)"&gt;
              &lt;div&gt;
                {{ annt.title }}
              &lt;/div&gt;
              &lt;div &gt;
                {{ annt.body}}
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="item-secondary"&gt;
            &lt;a&gt;&lt;i &gt;delete&lt;/i&gt;&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>edit (annt) {
          if (this.anntInEdit == null) {
            this.anntInEdit = annt
            this.anntInEditBackup = Object.assign({}, this.anntInEdit)
          }
          this.anntInEditIndex = this.anns.indexOf(annt)
        },
  </code></pre>
  
  <p>When I will just click, I got Announcement in edit snf div with form is shown, I can use save(ajax), cancel (just set inedit to null) etc. but as soon as I touch any input inside edit div I got:
  <code>[Vue warn]: Invalid handler for event "click": got undefined</code>
  <code>vue.common.js?e881:1559 Uncaught (in promise) TypeError: Cannot read property 'invoker' of undefined</code>
  and as soon as I get errors, any button in edition is not working at all.</p>
  
  <p>The same div is used for new/edit and is working perfectly fine for new annoucement.
  Any ideas?</p>
  
  <p>Whole component pastebin: <a href="http://pastebin.com/JvkGdW6H" rel="noreferrer">http://pastebin.com/JvkGdW6H</a></p>