Como incluir JQuery en Vue-cli | Programador Web Valencia

Como incluir JQuery en Vue-cli

1 minuto

VueJS

Con VueJS tenemos casi cualquier tipo de manipulación que necesitemos dentro de nuestro HTML o necesidades de renderizado. Desde los eventos pasando a la creación de nuevas secciones. Pero puede ser que aun así necesites usar JQuery y todo su potencial: llamadas de Ajax, gestión de CSS, loops… Por ello vamos a incluir JQuery en nuestra aplicación realizada con Vue-cli.

Paso 1

Nos situamos con el terminal en la carpeta de nuestro proyecto e instalamos JQuery a través de npm o yarn.

npm install jquery

Paso 2

Dentro de nuestro archivo donde queramos usar JQuery, por ejemplo home.vue, en la sección script incluimos el siguiente código.

// Importamos JQuery
const $ = require('jquery')
// Lo declaramos globalmente
window.$ = $

// Ya puedes utilizarlo
$('body').css('background-color', 'orange')

Si te ha parecido útil o quieres proponer una mejora, por favor deja un comentario.

Esta obra está bajo una Licencia Creative Commons Atribución-NoComercial-SinDerivadas 4.0 Internacional.

Atribución/Reconocimiento-NoComercial-SinDerivados 4.0 Internacional

¿Me ayudas?

No te sientas obligado a realizarme una donación, pero cada aportación me ayuda a mantener el sitio en activo para que continúe existiendo y me motiva a continuar creando nuevo contenido.

Comprame un café
Pulsa sobre la imagen
  • 1 café: Se mantiene el dominio durante 4 meses.
  • 2 cafés: Se liquida 1 mes del Servidor Web.
  • 3 cafés: Se paga 1 mes de Newsletter.

Comentarios

{{ comments.length }} comentarios

Nuevo comentario

Nueva replica  {{ formatEllipsisAuthor(replyComment.author) }}

Acepto la política de Protección de Datos.

Escribe el primer comentario

Tal vez también te interese...