Edited at

RailsにVueを数行で入れてみる


対象者

RailsにVueを簡単に入れたいひと


この記事でやること

コマンドで簡単にRailsにVueを入れる。


この記事でやらないこと

Vueをコンポーネントにする

コンポーネントに関して諸説あり、難しかったので今回はやっていません。

わかりやすくて、よい情報があったら教えてください。

rails new vue-rails --webpack=vue

rails g scaffold blog title:string body:string

rails db:migrate

ページ全体に読み込ませるためこれを追加する


app/views/layouts/application.html.erb

  <body>

<%= yield %>
<%=
javascript_pack_tag 'hello_vue' %>
<%= stylesheet_pack_tag 'hello_vue' %>
</body>

rails s して

http://localhost:3000/blogs

を確認。

scaffoldを使わずに、手でindexを作ってもいいと思います。

簡単にVueを入れて雰囲気を味わうためこうしました。

これを改造しながらなれていってステップアップすればいいと思います。

筆者もこの辺でさまよっていますので、わかりやすくてよい記事があったらコメント欄で教えてほしいです。

30歳からのプログラミング

Webpacker の基本的な仕組み

rails/webpacker