Ambos son válidos.
El método 1 proporciona exportaciones con nombre . La clave aquí es que puede exportar más de una cosa. Esto debería usarse en lugar de exportar un objeto con múltiples propiedades. Cuando importe un módulo con exportaciones con nombre, utilice import {a, b} from c
.
El método 2 proporciona la exportación predeterminada . Solo puede haber una exportación predeterminada. Esto se usa principalmente cuando está exportando una sola cosa, como una class
, o una sola function
que espera que se use sin ningún soporte adicional. Cuando importe un módulo con una exportación predeterminada, utilice import d from c
.
¡Tenga en cuenta que puede usar ambos! de modo que si tiene una función principal importante con un puñado de ayudantes que se utilizan ocasionalmente, puede utilizar export
los ayudantes y export default
la principal. Cuando importe un módulo y necesite ambos tipos de exportaciones, utilice import d, {a, b} from c
.
Otra opción es que usted puede conseguir las exportaciones, mediante su inclusión en el final de su módulo llamado, así: export {a,b,c}
. También puede cambiarles el nombre export {a as $a, b as c}
.
Obtuve todo esto de este artículo , que es la mejor fuente de información actualizada del módulo es6 que he podido encontrar.
import x from y
vsimport {x} from y