如何在 Laravel 8 中安装 Vue.js [英] How to Install Vue.js in Laravel 8

查看：43
本文介绍了如何在 Laravel 8 中安装 Vue.js的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在使用 laravel 8，现在我想安装 Vue.js.我正在尝试这样

  1. composer 需要 laravel/ui
  2. php artisan ui vue
  3. php artisan ui vue --auth

解决方案

更新:如果您想完全避免 Laravel ^8.0 应用程序中的 Inertia/Livewire (Alpine.js) 脚手架并改用 Vue - 安装 Laravel UI，很可能会无限期维护.

在 Laravel 应用程序中安装 Vue(和旧的身份验证脚手架)的说明:

  1. 运行 composer require laravel/ui
  2. 运行 php artisan ui vue 以安装 Vue.
  3. 运行 php artisan ui vue --auth 以搭建 auth 视图.
  4. 运行 npm install &&npm run dev

但是，如果您仍想将 Vue.js 与 Livewire 脚手架一起使用，请使用以下说明.

重要提示:请注意，Vue.js 会在安装后控制 DOM，分离节点并替换它，移除其他 JS 侦听器.因此，如果您在 Vue 的同一页面上使用 Livewire，则 Livewire 脚手架附带的 Alpine.js 将无法工作.作为解决方法，您可以使用 Livewire VueJS 支持插件.

  1. 运行 npm install --save vue

  2. 将以下内容添加到您的资源/js/app.js:

     window.Vue = require('vue');Vue.component('example-component', require('./components/ExampleComponent.vue').default);const app = new Vue({el: '#app',});

  3. 在resources/js/components目录下创建一个ExampleComponent.vue