Red de conocimiento informático - Material del sitio web - Cómo utilizar bibliotecas js de terceros en Vue.js

Cómo utilizar bibliotecas js de terceros en Vue.js

Hay varias formas de utilizar bibliotecas 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.