[JAVA] Présentation de Vue.js à Rails

mémorandum

Cette fois, j'ai présenté Vue.js à l'application en cours de développement avec des rails, donc je l'enregistrerai sous forme de mémorandum. J'espère que cela aidera les gens qui utilisent Vue.js avec des rails pour la première fois. De plus, puisqu'il s'agit d'un débutant, veuillez signaler toute erreur! ruby 2.6.5 Rails 6.0.3.3

Étape 1 Installez Webpacker

Si vous l'avez installé, veuillez l'ignorer. Décrit dans Gemgile

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

Si vous pouvez l'écrire, regroupons l'installation.

Une fois installé, exécutez ce qui suit dans votre terminal

$ bin/rails webpacker:install

Ceci termine l'installation de Webpacker

Étape 2 Installez Vue.js

Entrez la commande suivante dans le terminal

$ rails webpacker:install:vue

Vous avez maintenant créé les fichiers nécessaires pour Vue.js.

Étape 3 Chargez Vue.js

Décrivez ce qui suit dans le fichier application.html.erb sous app / views / layouts

 <%= javascript_pack_tag "hello_vue" %>

Lorsqu'il est chargé normalement, il sera affiché dans la vue comme indiqué sur l'image. https://gyazo.com/57e56686d2113920659f3dc9410f3a15

finalement

Vous avez introduit avec succès Vue.js avec des rails! Il est relativement facile à installer, veuillez donc l'utiliser si vous le souhaitez! Si vous faites des erreurs, apprenez-moi!

Recommended Posts

Présentation de Vue.js à Rails
Jusqu'à l'introduction des polices dans Rails
Comment installer jQuery dans Rails 6
[Rails] Présentation de Carrierwave
Présenter Rails Presenter
Présentation de Vue.js à une application Rails existante
Préparation à l'introduction de jQuery dans Ruby on Rails
[Rails 5.x] Comment introduire des polices gratuites
Comment écrire des rails
Présentation de Bootstrap à Rails 5
Présentation de Bootstrap aux rails !!
Comment désinstaller Rails
Introduire la conception avec Rails pour implémenter la fonctionnalité de gestion des utilisateurs
Rails6 J'ai essayé d'introduire Docker dans une application existante
[rails] Comment publier des images
[Rails] Comment utiliser enum
[Rails] Comment utiliser enum
Comment introduire l'authentification de base
Comment lire les itinéraires des rails
Présentez Maven au projet Tomcat
Comment utiliser la jonction de rails
[Rails] Ajouter une colonne à concevoir
Comment terminer le serveur de rails
Comment écrire des graines de Rails
[Rails] Comment utiliser la validation
[Rails] Comment désactiver les turbolinks
Passer des paramètres à Rails link_to
[Rails] Comment utiliser authenticate_user!
[Rails] Comment mettre en œuvre le scraping
[Rails] Comment faire des graines
Comment écrire le routage Rails
[Rails] Comment installer simple_calendar
[Rails] Comment installer reCAPTCHA
Présentation du client gRPC aux rails
[Rails] Comment utiliser Scope
[Avec des astuces de retour] Comment présenter React aux rails les plus simples
Essayez d'introduire OpenCV dans l'application Android
[Rails] Comment utiliser l'appareil (Remarque)
[Rails] Deux façons d'écrire form_with
[Rails] Apprenez le rendement pour comprendre content_for
Présentation du calendrier complet à l'application Rails
[Rails] Comment empêcher la transition d'écran
[Rails] Différentes façons de supprimer des données
Comment utiliser Ruby on Rails
[Rails] Un moyen simple de vérifier les colonnes
[Rails] Comment introduire le kaminari avec Slim et changer le design
Comment déployer Bootstrap sur Rails
Connexion Docker + rails + Vue.js refusée chez localhost
[Rails] Comment accélérer la composition de docker