RailsとVue jsを使って画像をモーダル表示して、さらにスライドで表示できるようにしたい。

Question

お世話になっております。

今回は実装の仕方や考え方をご教授いただきたく、質問させていただきました。

やりたいこと

・画像をクリックすると、画像をモーダル表示で拡大表示する
・画像が複数ある場合、スライドで次の画像に切り替えられる。

前提

・Railsで画像投稿アプリを作っています。
・carrierwaveを使っています。
・画像は複数投稿できます。
・投稿された画像を閲覧する画面で、上記のことを実現したいです。

考えたこと

処理の流れ
0. Vue のモデルと表示されている画像のデータを紐付ける
0. 画像がクリックされたら、モダールウィンドウを開く
0. クリックされた画像を(Vueのモデルと関連付けて)表示する
0. 複数画像がある場合は、スライドボタンを表示する
0. スライドボタンをクリックすると、次の画像に切り替わる

データの流れ
パターン1

DB -> ブラウザ&Vueの両方にデータを渡す

パターン2

DB -> ブラウザ -> Vueにデータを渡す

パターン3

DB -> Vue -> ブラウザにデータを渡す

あまりデータの持ち方やVue js、javascriptのことがわかっていなくて申し訳ございませんが、
考え方が適切かどうかや別の方法があるなどのご意見がございましたら、
ご教授いただけると幸いです。

よろしくお願いいたします。