[解決済み] vueで@clickを使用して複数の関数を呼び出すには？

質問

質問です。

複数の関数を1つの @click ? (別名 v-on:click )?

試してみた

• 関数をセミコロンで分割する。 <div @click="fn1('foo');fn2('bar')"> </div> ;

• 複数使用する @click : <div @click="fn1('foo')" @click="fn2('bar')"> </div> ;

でも、どうしたらいいんだろう？

追伸 : 確かに私はいつもすることができます

<div v-on:click="fn3('foo', 'bar')"> </div>

function fn3 (args) { 
  fn1(args);
  fn2(args);
}

しかし、時にはこれがいい加減になってしまうこともあります。

どうすればいい？

Vue 2.3以上では、これを行うことができます。

<div v-on:click="firstFunction(); secondFunction();"></div>
// or
<div @click="firstFunction(); secondFunction();"></div>