RailsのTurbolinksとVue.jsを共存させる方法 - Qiita

はじめに ジドウシャ部ではフロントエンドにRails + Turbolinks + Vue.jsを採用しています。 Turbolinksといえば敬遠されがちなRails標準ライブラリですが、ジドウシャ部ではTurbolinksを活用し、スマホブラウザでもアプリに近いUIを実現しています。 本記事では Turbolinks と Vue.js を併用する上で解決すべき課題と、解決策の一例をご紹介します。 解決すべき課題 TurbolinksとVueを共存させる上で解決すべき課題は下記の2点です。 Vueのマウントタイミング マウントするタイミングによってはエレメントが存在しないケースが発生します ヒストリーバック時の処理 Turbolinksのヒストリーバック機能ではVueが正しく復元されません 解決策 Vueのマウントタイミング制御 データ属性にマウントするVueの情報を埋め込み、Turbo

[razokulover]

うっ