Javascript Laravel中显示vueJs组件的问题

我在我的laravel刀片中使用VueJs。我定义了一个组件作为其中一个组件中的子组件使用，现在未定义该组件

app.js中定义的组件

Vue.component('phoneSearch', require('./components/admin/booking/PhoneSearch').default);

我的组件代码：

导出默认值{
姓名：“电话搜索”
}

正如@ashutosh所提到的，您需要导入该组件以注册它：

 <template>
  <div>
    <phoneSearch />
  </div>
</template>

<script>
    import phoneSearch from './your-directory/your-component.vue';

    export default {
        name: "add-passenger",
        components: {  phoneSearch },
    }
</script>

<style scoped>

</style>

从“./your directory/your component.vue”导入phoneSearch；
导出默认值{
名称：“添加乘客”，
组件：{phoneSearch}，
}

您需要在父组件内部本地导入子组件以显示它

 <template>
    <div>
       <your-component></your-component>
    </div>
 </template>

 <script>
      import yourComponent from './components/child-component.vue';

      export default {
                 components: {  yourComponent },
               }
 </script>

从“/components/child component.vue”导入组件；
导出默认值{
组件：{yourComponent}，
}

---

希望它能帮助您

在导出默认值之前尝试导入“phoneSearch”组件只需直接从父组件中的app.js call组件中删除，问题就解决了谢谢