Ruby+Railsのアプリケーションにvue.jsを組み込んで、データベースからレコードを取得したい

Question

#実現したいこと
いま現在、Railsのアプリで
「DBに保存されたユーザー情報を取得して、viewファイルに渡して、表示」
と処理している箇所を、
Vue.jsによる処理に置き換えたいです。

#分からないこと
「データベースから取得した値を、Vue.jsに渡して、中身をあれこれ加工して、viewファイルに渡す」
という流れが全体的にどうやればいいのか分かりません。特に、
・データベースから取得した値をどうやってVue.js（JavaScript）に渡すのか
・Vue.js流の、データベースからの値の受け取り方、みたいな作法があるのか

といったところが、なかなかネットでも情報を見つけられずにいます。

公式ドキュメントを見ると、

axiosを利用したAPIの使用

https://jp.vuejs.org/v2/cookbook/using-axios-to-consume-apis.html?

というのはありましたが、やりたいことは、データベースからの値の取得と加工です。

Vue.jsを導入しようとしていること自体が適切でないのか？などよく分からなくなっています。
知見がおありの方、ぜひお知恵をお貸しください。どうぞ宜しくお願いいたします。

Answer 1

1. データベースから値を取得して加工するのはModelやControllerで行い
2. その値をView(API)に表示させ
3. Vue.jsで APIにリクエストして取得する

のが一般的なやり方かと思います。

例えばこのような設計から始めるのが良いかもしれません。
https://qiita.com/tatsurou313/items/4f18c0d4d231e2fb55f4

Comments

[YO14]

なるほど、イメージが湧きました

ありがとうございました