Definire componenti riutilizzabili

Una volta apprese quali sono le caratteristiche principali dei componenti in Vue, è necessario ora prendere una pausa e riaffrontare l’argomento nella sua interezza. Gli sviluppatori di Vue hanno definito alcune linee guida che rappresentano le best practices per creare dei componenti non solo funzionali nel breve termine, ma riutilizzabili anche in contesti differenti. Ciò permette di creare interfacce il più possibile standardizzate e di alta qualità, nonché di aumentare la disponibilità di componenti open-source.

Secondo gli sviluppatori di Vue, le modalità per interfacciarsi con un componente sviluppato da terzi sono tre:

• le props dovrebbero essere utilizzate per passare un set di dati al componente dal contesto esterno;
• gli eventi dovrebbero essere utilizzati per influenzare il contesto esterno dall’interno del componente;
• gli slot dovrebbero essere utilizzati dal contesto esterno per influenzare il contenuto del componente.

Grazie all’utilizzo sapiente di questi tre componenti, possiamo sfruttare al massimo le funzionalità esposte dai componenti, riuscendo quindi ad implementare più o meno tutto quando è necessario.