我正在使用laravel 8，现在我想安装Vue.js。我正在尝试这样
composer require laravel/uiphp artisan ui vuephp artisan ui vue --authOgn*_*jen 40
更新：如果您想完全避免 Laravel ^8.0 应用程序中的 Inertia / Livewire (Alpine.js) 脚手架并改用 Vue - 安装Laravel UI，它很可能会无限期维护。
在 Laravel 应用程序中安装 Vue（和旧的身份验证脚手架）的说明：
composer require laravel/uiphp artisan ui vue只安装Vue。php artisan ui vue --auth脚手架的 auth 视图。npm install && npm run dev但是，如果您仍想Vue.js与Livewire脚手架一起使用，请使用以下说明。
重要提示：请注意，Vue.js一旦安装，就会控制 DOM，分离节点并替换它，删除其他 JS 侦听器。因此，如果您在 Vue 的同一页面上使用 Livewire，那么脚手架Alpine.js附带的功能将Livewire不起作用。作为一种解决方法，您可以使用Livewire VueJS 支持插件。
跑 npm install --save vue
将以下内容添加到您的 resources/js/app.js：
window.Vue = require('vue');
Vue.component('example-component', require('./components/ExampleComponent.vue').default);
const app = new Vue({
el: '#app',
});
在 resources/js/components 目录下创建一个 ExampleComponent.vue
<template>
<div>Hello World.</div>
</template>
<script>
export default {
mounted() {
console.log("Example component mounted");
}
};
</script>
<script src="{{ asset('js/app.js') }}" defer></script>在<head>您的布局文件 ( resources/views/layouts/app.blade.php)部分中添加
添加id="app"到<body>或主要<div>在您的布局文件 ( resources/views/layouts/app.blade.php)
添加<example-component />到您的视图
运行npm run dev或npm run watch
最后，打开 devtools，在控制台日志中你应该看到 Example component mounted
小智 18
在 laravel 8 项目中运行以下命令来安装 vue.js
composer require laravel/uiphp artisan ui vuephp artisan ui vue --authnpm install && npm run dev我在这方面浪费了很多时间，并且不希望人们经历同样的事情，所以我将教你如何安装 Vue.js 并使其快速运行。
将 替换LaravelProject为您的项目名称
laravel new LaravelProject
运行以下命令
composer require laravel/ui
php artisan ui vue
php artisan ui vue --auth
npm install
npm run dev
npm run watch
现在您已经安装了所需的所有内容，请转到刀片视图并在其中添加以下代码<body></body>
<div id="app">
<example-component />
</div>
<script src="{{ mix('/js/app.js') }}"></script>
如果您所做的一切正确，您将在视图的渲染中看到以下文本
Example Component
Im an example component.
在你的控制台中：
Component mounted.
| 归档时间： |
|
| 查看次数： |
48382 次 |
| 最近记录： |