如何在 Laravel 框架中注册 Vue 组件？

Posted 2023-02-23

【中文标题】如何在 Laravel 框架中注册 Vue 组件？

【英文标题】：How to register Vue component in Laravel Framework?

【发布时间】：2021-12-17 11:23:36

【问题描述】：

Laravel + Vue 项目中存在一些问题。 错误是这样的：

[Vue warn]: Unknown custom element: <packages> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

请帮帮我。

【问题讨论】：

你的代码在哪里？

【参考方案1】：

你应该有一个 webpack.mix.js 文件， 这应该像这样设置你的入口点：

mix.js('resources/js/app.js', 'public/js')

在你的刀片布局中你应该使用这个文件：

<script src=" mix('js/app.js') "></script>

您应该能够创建您的 vue 应用并在您的 app.js 中注册全局组件

Vue.component('packages', Packages);

或者对于 vue 3：

const app = createApp()

app.component('packages', Packages);