Компоненты Vuejs в проекте Laravel. Как зарегистрировать компоненты локально?

Question

[chincharovpc]

Чтобы зарегистрировать компоненты на Laravel, я их описываю в app.js в папке components.

Vue.component('main-component', require('./components/Main.vue').default);
Vue.component('page-component', require('./components/MainComponents/Page.vue').default);
Vue.component('human-component', require('./components/MainComponents/PageComponents/Human.vue').default);
Vue.component('addhuman-component', require('./components/MainComponents/PageComponents/HumanComponents/AddHuman.vue').default);

Я их зарегистрировал локально или глобально?
Когда я открою главную страницу страницу, они все подгружатся сразу или только после их вызова?

Answer 1

[Сергей Попов]

Так - глобально. Локальная регистрация - внутри компонента. Выглядит примерно так.

<script>
    export default {
        name: "card",
        components: {
            'card': require('./card.vue'),
        },
...
</spript>

Comments

[chincharovpc]

Если я захочу подключить компонент Page.vue в Main.vue, что я должен в обоих файлах писать?
Main.vue находится в основной папке components/
Page.vue находится в components/MainComponents/

[chincharovpc]

Vue.component('main-component', require('./components/Main.vue').default);
Vue.component('page-component', require('./components/MainComponents/Page.vue').default);

[Сергей Попов]

pakhrudin, Подключение через Vue.component является глобальной регистрацией компонента. Как делается локальная регистрация - я указал. Кроме того, можно просто перейти по ссылке в документацию и прочитать. Документация очень подробная и понятная.