Vue.js kurz & gut

KAPITEL 27

Typische Probleme und Lösungen

Globale Components automatisch registrieren

Generische Components sollen möglichst immer im gesamten Projekt verfügbar sein. Oft müssen diese Components dazu innerhalb anderer Components immer wieder registrieren werden:

import ActionButton from './ActionButton.vue'

import CurrencyInput from './CurrencyInput.vue'

export default {

components: {

ActionButton,

CurrencyInput

}

}

Alternativ können diese Components global registriert werden. Dann müsste aber bei jeder neuen Component der Code angepasst werden.

Mit dem Vue CLI (oder einem anderen Build-Prozess mit Webpack) kann über die Funktion require.context auch eine automatisierte Lösung implementiert werden:

import Vue from 'vue'

import upperFirst from ...