如何在 Laravel 框架中注冊 Vue 組件？

Question

Laravel + Vue 項目中存在一些問題。 錯誤是這樣的：

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

請幫我。

Answer 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);