Cómo utilizar bibliotecas js de terceros en Vue.js
1 Variables globales
La forma más sencilla de agregar una biblioteca de terceros a un proyecto es crearla. una variable global Variables, instaladas en el objeto de ventana:
entry.js
window._ = require('lodash' );
MyComponent.vue
exportar valor predeterminado {
created() {
console.log(_.isEmpty() ?'¡Lodash en todas partes!' : 'Uh oh...' ) ;
}
}
Este enfoque no es adecuado para la representación del lado del servidor porque el servidor no tiene un objeto de ventana, no está definido y al intentar acceder a la propiedad se informará un error.
2. Importarlo en cada archivo
Otra forma sencilla es importarlo en cada archivo que requiera la biblioteca:
MyComponent
.importar _ desde 'lodash';
exportar valor predeterminado {
creado() {
console.log(_.isEmpty () ?'Lodash está disponible aquí!' : 'Uh oh...') )
}
}
Este método está permitido, pero es engorroso y crea el El problema es que tienes que recordar qué archivos hacen referencia a la biblioteca, y si el proyecto ya no depende de la biblioteca, tienes que encontrar todos los archivos que hacen referencia a la biblioteca y eliminar las referencias. Si las herramientas de compilación no están configuradas correctamente, esto puede provocar que se haga referencia a varias copias de la biblioteca.