Vueのtemplateで1つのイベントに複数のハンドラを設定する

たとえば、button要素のクリック時にonClickAとonClickBという2つのイベントハンドラを実行したいというケースで。

本来は、👇みたいにちゃんとメソッドにまとめてから指定してあげるべきなんだろうけど、

<button @click="onClick"></button>

methods: {
  onClick() {
    this.onClickA()
    this.onClickB()
  }
}

👇こんな感じにしたいときもあるけど、これだと動かなかったので、

<button @click="onClickA, onClickB"></button>

👇()をつけてみたら動いた。

<button @click="onClickA(), onClickB()"></button>

でもこんな書き方していいのかどうかはわからない。

tacamy--blog