content【Rails】RailsでDBからデータを読み込み、Vue.jsを通じてブラウザに出力する方法RubyRails初心者Vue.jsaxiosはじめにRailsでDBからデータを読み込み、Vue.jsを通じてブラウザに出力する方法についてまとめました。今回はusers_controllerのindexアクションで取得された情報をVue.jsで表示する方法を例にしています。0.19.0前提nameとemailの2つのカラムを持つUserモデルをRailsで作成済とし、その情報をVue.jsで表にして表示するプログラムを例にします。axiosはインストール済とします。※インストール方法はこちらの公式ドキュメントを参照。end...略end1-2.routes.rbルーティングも上記に沿って書き換えます。通常のRailsアプリと違って、namespaceで囲う必要があります。emailが出力出来る状態になりました。あとはこのデータをVue.js側で拾います。2.Vue.js側UsersIndex.vueという単一ファイルコンポーネントでデータを表示することにします。※単一ファイルコンポーネントをどう読み込んでブラウザに表示するかについては割愛させて頂きます。emailがVue.jsを通じてブラウザに表示出来ます。Hamano@terufumi1122小売業経験8年。未経験からサーバーサイドエンジニアになることを決めた人。ストックついでに「いいね!」もしてもらえると嬉しいです。upLoginユーザーは見つかりませんでした。