Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.
対象者

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

yoshinyan
Webアプリケーションエンジニア。 PHP/Laravel/JavaScript/Vue.js/Ruby/Rails
https://yoshinyan99.hatenablog.com/
yyphp
PHPerが毎週集まり、ざっくばらんに情報交換する雑談コミュニティ
https://yyphp.connpass.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away