Laravel 拉威尔真空组件_Laravel_Vue.js_Components

Laravel 拉威尔真空组件

laravel vue.js

Laravel 拉威尔真空组件,laravel,vue.js,components,Laravel,Vue.js,Components,我正在尝试使用标记连接vue组件 MyComponent.vue <template> <div> <h1>Hi</h1> </div> </template> <script> export default { } </script> 这是我的欢迎辞 <body> <div id="app">

我正在尝试使用标记连接vue组件

MyComponent.vue

<template>
    <div>
        <h1>Hi</h1>
    </div>
</template>

<script>
export default {

}
</script>

这是我的欢迎辞

<body>
    <div id="app">
        <myComponent></myComponent>
    </div>

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

我得到了这个错误

未知自定义元素：mycomponent-您是否正确注册了该组件？对于递归组件，请确保提供“name”选项。

尝试使用此选项，因为vuejs区分大小写

Vue.component（'my-component'，require（'./components/MyComponent.Vue'）。默认值）；

和html

ref link通常在

标记结尾之前。

检查public/js/app.js文件是否存在，如果不存在，请运行npm run watch Com并询问您@user7385152导入和我一样的内容并编译js

<body>
    <div id="app">
        <myComponent></myComponent>
    </div>

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

<body>
  <div id="app">
    <my-component></my-component>
  </div>

   <script src="{{ asset('js/app.js') }}"></script>
</body>