laravel 仅在我需要的页面上加载 vuejs 组件答案

【问题标题】：laravel load vuejs components only on the page i need themlaravel 仅在我需要的页面上加载 vuejs 组件
【发布时间】：2019-04-29 04:02:32
【问题描述】：

目前我们正在使用 app.js 加载我们所有的组件

Vue.component('ID', path-to-component);

这意味着如果我们有一个组件发生故障，就会破坏所有组件。

那么有没有办法在我们需要的特定页面上加载组件？

我尝试将它推送到刀片中的堆栈，但它出错了

Uncaught ReferenceError: require is not defined vuejs

我的代码是：

@push('scripts')
    <script>
        Vue.component('BookingPayments' ,  require('./components/bookings/bookings-payments'));
    </script>
@endpush

【问题讨论】：

【解决方案1】：

我建议您使用 lucasmazza/page.js 仅在特定 URL 上加载 javascript 代码。您可以将代码范围限定为：

page.at('payments', () => {
    Vue.component('BookingPayments', require('...'));
});

库在body 标记上使用data-page 属性。

您只能对 Laravel Mix (webpack) 正在处理的文件使用 require 方法。

【讨论】：

【解决方案2】：

只需使用导入选项：

`Import otherComponent from './component/otherComponent.vue'`

因此它不是全局组件，仅在此页面中可用。

【讨论】：