Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   Локальное подключение компонентов vue? (https://javascript.ru/forum/library-toolkit-framework/79968-lokalnoe-podklyuchenie-komponentov-vue.html)

Lodas 11.04.2020 22:42

Локальное подключение компонентов vue?
 
Здравствуйте, пытаюсь разобраться с созданием компонентов в vue. Я использую laravel в связке с vue и собираю через Laravel Mix единый файл app.js который подключаю на всех страницах. Как я понял создавать компоненты в vue глобально это плохо. Попытался создать локально и возникли такие вопросы:
1) Правильно ли я понимаю что если на странице будет только id="accordion" то ресурсы загрузятся только для accrodion, а для остальных компонентов не загрузятся?
2) Если я через components добавлю все компоненты для id="app" - то в чем будет разница если бы я их задал глобально? Хотелось бы понять именно профит
3) В чем смысл привязывать новый компонент к новому id если все можно привязать к примеру к id="app" ?
window.Vue = require('vue');

//Глобальное подключение
Vue.component('tabs', require('./components/tabs/Tabs.vue').default);
Vue.component('tab', require('./components/tabs/Tab.vue').default);
Vue.component('todoList', require('./components/todoList/TodoList.vue').default);

//Основой компонент
const app = new Vue({
    el: '#app',
});

//Локальное подключения
const accordion = new Vue({
    el: '#accordion',
    components: {
        'accordion' : require('./components/accordion/Accordion.vue').default,
    }
});


Часовой пояс GMT +3, время: 19:16.