Bootstrap, direct DOM manipulation & Vue's virtual DOM

[TechAkayy]

I posted the below question in the bootstrap-vue-next/bootstrap-vue-next#310 discussions. Few others there are also in the same boat, haven't got any clarity.

I'm cross posting the same here, as this repo has been running for many years with huge exposure. Hoping someone could shed some light on this topic, and bring some closure to these concerns.

---

Hi there,

Thank you for spearheading Bootstrap / Vue combo.

I would like to ask a very fundamental question, surprisingly I haven't really seen this discussed anywhere online expect for this stackoverflow comment

I know mixing Vue (virtual dom) + Jquery/Vanilla JS (that does direct dom manipulator) is an anti-pattern, anti-pattern.

My question is does the bootstrap vue wrapper libraries like yours and the other bootstrap-vue-3 one, do they all mitigate this anti-pattern by preventing direct dom manipulation by bootstrap.min.js?

If so, would this be one of the reasons (on top of all the benefits & features) to use bootstrap-vue against using bootstrap directly in Vue projects?

Sorry, if it turns out to be a silly question, it's quite possible I might have misunderstood somethings! Thanks in advance.