Nuxt.js内でjQueryを使用した際にDOM操作が行われるがライフサイクルメソッド（updated・beforeUpdate）を無効にしたい

Question

Nuxt.js内でjQueryを使用した際にDOM操作が行われるがライフサイクルメソッドを無効にしたいのですが

現在magnificpopupというｊQueryのプラグインを使用して
Nuxt.js上でDOM操作を行っております。

その際にサムネイル付きのギャラリーを作り
次の写真に遷移する際に再描画されmagnificpopupで最初のmountされた時に
class等が消えてしまう現象が起きてしまいます。

ライフサイクルの
beforeUpdateとupdatedを無効にすれば解決するのかなという安易な考えなのですが
どのようにすれば良いご教示頂ければ幸いと存じます。

尚、本ページでは上記以外のvue.jsでのDOM操作は行わないので無効で構わないと考えております。

Answer 1

再レンダリングされたくない場所に

v-once を使用するチープスタティックコンポーネント
上記でラップすることで解決いたしました。

https://jp.vuejs.org/v2/guide/components-edge-cases.html#%E5%BC%B7%E5%88%B6%E6%9B%B4%E6%96%B0

jQuetyとの共存は今プロジェクトで終わりにしたいです。。
お騒がせしました。