Vuejsの仮想DOMがレンダリングされる前にjQueryでのDOM操作を行うとスレッドセーフではないので色々と問題が発生する。よくsetTimeoutで実行を遅らせたりするのを見かけるが、クライアント環境でうまく行ったり行かなかったり。

全てにおいて完全と言うわけではないが、VuejsにはnextTickという仮想DOM構築後のコールバックがあるのでそれを利用してjQueryの操作を行うという技。

onEditClick: function (event) {
   //Vue側のDOM変更が入る操作;
   ....
   this.$nextTick(() => {
       //jQueryでDOM変更が入る操作
       $('#foo').hide();
       $('#hoge').show();
   });
},