Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Vue.js odeia JQuery? Dúvida sobre estilização e uso do Bootstrap com Vue.js

Nos vídeos sobre estilização dos componentes da aplicação, o Flávio mencionou o uso de Bootstrap.

A pergunta é: * Quando usamos o Vue.js, é comum escrevermos a estilização do zero, sem nenhuma biblioteca?

Como surgiu a dúvida:

Quando fui pesquisar sobre o uso de Bootstrap com o Vue.js, encontrei uma discussão interessante: "JQuery manipula conteúdo dinamicamente, mas o Vue.js trabalha com o conceito de componentes". Já que o Bootstrap 3 utiliza JQuery para manipular vários de seus componentes, seria necessário importar os dois para dentro da aplicação em Vue.js. Alguns tutoriais no YouTube mostram como fazer essas alterações nos atributos das tags para que não seja necessário importar o JQuery, mas as alterações são trabalhosas. Existe também uma biblioteca específica para Vue.js com os elementos do Bootstrap, mas ele ainda não suporta Bootstrap 4 e foi testado apenas com o Vue.js 1.0.8: http://yuche.github.io/vue-strap/

2 respostas
solução!

Bom. A questão não é que Vue.js odeie o jQuery. O Vue.js é um framework para single page applications focado em performance, um dos melhores e mais leves do "mercado".

O jQuery é uma lib basicamente para fazer manipulação de DOM.

Muitos desenvolvedores preferem utilizar apenas o Vue.js e manter o seu propósito de ser leve e versátil não adicionando mais libs juntos.

No próprio site oficial há um exemplo de como integrar o Vue.js com um plugin de select (select2) muito famoso do jQuery: https://vuejs.org/v2/examples/select2.html

Outro projeto além do Vue-strap, mas com Bootstrap v4, seria este: https://morgul.github.io/vueboot/

Dê uma olhada nesse repositório > https://bootstrap-vue.js.org