[JAVA] Einführung von Vue.js in Rails

Memorandum

Dieses Mal habe ich Vue.js mit Rails in die in der Entwicklung befindliche App eingeführt, sodass ich sie als Memorandum aufzeichnen werde. Ich hoffe, es hilft Leuten, die Vue.js zum ersten Mal mit Schienen verwenden. Da es sich um Anfänger handelt, weisen Sie bitte auf Fehler hin! ruby 2.6.5 Rails 6.0.3.3

Schritt 1 Installieren Sie den Webpacker

Wenn Sie es installiert haben, überspringen Sie es bitte. Beschrieben in Gemgile

gem "webpacker", github: "rails/webpacker”

Wenn Sie es schreiben können, lassen Sie uns die Installation bündeln.

Führen Sie nach der Installation Folgendes in Ihrem Terminal aus

$ bin/rails webpacker:install

Damit ist die Webpacker-Installation abgeschlossen

Schritt 2 Installieren Sie Vue.js

Geben Sie den folgenden Befehl in das Terminal ein

$ rails webpacker:install:vue

Jetzt haben Sie die erforderlichen Dateien für Vue.js erstellt.

Schritt 3 Laden Sie Vue.js.

Beschreiben Sie Folgendes in der Datei application.html.erb unter app / views / layouts

 <%= javascript_pack_tag "hello_vue" %>

Wenn es normal geladen wird, wird es in der Ansicht wie in der Abbildung gezeigt angezeigt. https://gyazo.com/57e56686d2113920659f3dc9410f3a15

Schließlich

Sie haben Vue.js erfolgreich mit Schienen eingeführt! Es ist relativ einfach zu installieren, verwenden Sie es also bitte, wenn Sie möchten! Wenn Sie Fehler machen, bringen Sie es mir bitte bei!

Recommended Posts

Einführung von Vue.js in Rails

Bis zur Einführung von Schriftarten in Rails

So installieren Sie jQuery in Rails 6

[Rails] Carrierwave einführen

Stellen Sie Rails Presenter vor

Einführung von Vue.js in eine vorhandene Rails-App

Vorbereiten der Einführung von jQuery in Ruby on Rails

[Rails 5.x] So führen Sie kostenlose Schriftarten ein

Wie schreibe ich Rails

Einführung in Bootstrap in Rails 5

Bootstrap in Rails einführen !!

So deinstallieren Sie Rails

Führen Sie devise with Rails ein, um Benutzerverwaltungsfunktionen zu implementieren

Rails6 Ich habe versucht, Docker in eine vorhandene Anwendung einzuführen

[Schienen] Wie poste ich Bilder?

[Rails] Verwendung von Enum

[Rails] Verwendung von Enum

So führen Sie die Standardauthentifizierung ein

Wie man Schienenrouten liest

Stellen Sie Maven das Tomcat-Projekt vor

Verwendung von Rails Join

[Schienen] Spalte zum Entwickeln hinzufügen

So beenden Sie den Rails-Server

Wie schreibe ich Rails Seed

[Rails] Verwendung der Validierung

[Schienen] So deaktivieren Sie Turbolinks

Übergeben Sie die Parameter an Rails link_to

[Rails] So verwenden Sie authenticate_user!

[Rails] So implementieren Sie Scraping

[Schienen] Wie man Samen macht

Wie schreibe ich Rails Routing

[Rails] So installieren Sie simple_calendar

[Rails] So installieren Sie reCAPTCHA

Einführung des gRPC-Clients in Schienen

[Schienen] Verwendung von Scope

[Mit Backtricks] So stellen Sie React to the simple Rails vor

Versuchen Sie, OpenCV in die Android-Anwendung einzuführen

[Schienen] Verwendung von Geräten (Hinweis)

[Rails] Zwei Möglichkeiten, form_with zu schreiben

[Rails] Lernen Sie Ausbeute, um content_for zu verstehen

Einführung des vollständigen Kalenders in die Rails-Anwendung

[Schienen] So verhindern Sie den Bildschirmübergang

[Rails] Verschiedene Möglichkeiten zum Löschen von Daten

Verwendung von Ruby on Rails

[Schienen] Einfache Möglichkeit, Spalten zu überprüfen

[Rails] Wie man Kaminari mit Slim einführt und das Design ändert

So stellen Sie Bootstrap auf Rails bereit

Docker + Rails + Vue.js Verbindung bei localhost abgelehnt

[Rails] So beschleunigen Sie das Docker-Compose