J'utilise laravel 8
et maintenant je veux installer Vue.js
J'essaye comme ça
4 Réponses :
Vous pouvez essayer l' npm install --save vue
ok merci et je peux utiliser vue au lieu de livewire, non?
Si vous souhaitez utiliser Vue.js
dans vos projets Laravel 8, je vous suggère d'installer Jetstream
avec Inertia
, au lieu de Livewire
. Veuillez noter que Vue.js
prend le contrôle du DOM une fois installé, en détachant les nœuds et en les remplaçant, en supprimant les autres écouteurs JS. Ainsi, les éléments Alpine.js
avec l'échafaudage Livewire
ne fonctionneront pas. ( Il ne sera pas non plus pris en charge de si tôt. )
Vue.js
, si vous souhaitez toujours utiliser Vue.js
avec l'échafaudage Livewire
, utilisez les instructions suivantes:
exécuter npm install --save vue
Ajoutez ce qui suit à vos ressources / js / app.js:
<template> <div>Hello World.</div> </template> <script> export default { mounted() { console.log("Example component mounted"); } }; </script>
Créez un ExampleComponent.vue dans le répertoire resources / js / components
window.Vue = require('vue'); Vue.component('example-component', require('./components/ExampleComponent.vue').default); const app = new Vue({ el: '#app', });
Ajoutez <script src="{{ asset('js/app.js') }}" defer></script>
dans la section <head>
de votre fichier de mise en page ( resources/views/layouts/app.blade.php
)
Ajoutez id="app"
à <body>
ou à <div>
principal dans votre fichier de mise en page ( resources/views/layouts/app.blade.php
)
Ajoutez <example-component />
à votre vue
Exécuter npm run dev
ou npm run watch
Enfin, ouvrez les outils de développement, et dans le journal de la console, vous devriez voir Example component mounted
Edit: L' interface utilisateur de Laravel sera très probablement maintenue indéfiniment, vous pouvez donc toujours l'utiliser dans vos nouvelles applications laravel au lieu de Jetstream si vous souhaitez éviter complètement l'échafaudage Inertia / Livewire.
Vous pouvez créer un projet Laravel 7 avec laravel/ui
et après la mise à niveau vers laravel 8. https://laravel.com/docs/8.x/upgrade
Dans le projet laravel 8, exécutez les commandes suivantes pour installer vue.js