2017-12-22 7 views
1

Ich habe versucht, eine Weile zu suchen, konnte aber keine Antwort finden, die wahrscheinlich schon da ist.Vermeide es, die gleichen Requisiten wiederholt an Kindkomponenten zu übergeben. Vuejs

In meiner Anwendung habe ich festgestellt, dass ich wiederholt die gleichen Requisiten an verschiedene Kindkomponenten weitergeben muss. Zum Beispiel könnte ich eine Methode haben, um die modale Sichtbarkeit in den Elternkomponenten umzuschalten. Dann müssen möglicherweise einige untergeordnete Komponenten auf diese Methoden zugreifen, um modal umzuschalten.

<nav-bar 
    :toggleForm='toggleForm'> 
</nav-bar> 
<header-content 
    :toggleForm='toggleForm'> 
</header-content> 

Gibt es eine Möglichkeit, hier Wiederholungen zu vermeiden? Da ich auch die gleichen Requisitenarten schreiben müsste, überprüfen Sie die & Validierungen in verschiedenen Kindkomponenten. Es fühlt sich an wie eine Menge Wiederholung.

Müsste ich Vuex verwenden, um dieses Problem zu lösen? Oder könnte es ohne Hinzufügen eines staatlichen Verwaltungssystems gelöst werden?

Vielen Dank.

+1

ja Sie haben vuex oder alternative Art und Weise verwenden, wäre mit ' Ereignisse, um Ihre Kindkomponenteneigenschaft zu ändern (in diesem Fall müssen Sie keine Requisiten passieren, aber Sie müssen auf Ereignisse achten und entsprechend handeln) –

+1

Sie können ein Mixin machen, das die Requisiten definiert. Sie können auch 'inheritAttrs: false' und' v-bind = "attrs" '(google it) –

Antwort

0

Danke für die Antwort. Nach ein paar mehr Suchanfragen basierend auf den Antworten, sind dies die wenigen Lösungen.

  1. Verwenden Veranstaltungen für Eltern/Kind-Komponenten: doc
  2. Verwenden Ereignisse Bus, wenn es zwischen den Komponenten ist: doc
  3. Verwenden Vuex
Verwandte Themen