Vue.jsの"なければならない"

コンポーネント

dataは関数でなければならない

Vue.component('my-component', {

...

   data: function () {
      return {
         message: 'Hello Vue.js'
      }
   }
})

テンプレートの要素は一つでなければならない

templatel: '<span>a</span><span>b</span>'

↑はNG

template: '<div><span>a</span><span>b</span></div>'

のように大きく一つにまとめればOK

.nativeで発火

コンポーネント内でv-onを使いたいときは、.nativeをつけなければならない.
例

<my-component v-on:click="eventClick"></my-component>

↑ではクリックしても、eventClickは実行されない。
この場合実行するには、子コンポーネントで$emitを使って発火しなければならない。

これを回避するには、

<my-component v-on:click.native="eventClick"></my-component>

とすればよい。