My inquiry is somewhat linked to a similar question on Stack Overflow, but I am uncertain about the level of discouragement towards the approach discussed in relation to Vue.
In my situation, I am working on a project where the DOM is generated entirely by the php backend using twig templates and needs to be enhanced with additional functionality through Vue on the frontend.
You can access a basic code example without twig here
I realize that I may sacrifice reactivity in Vue.js by creating separate Vue instances for each specific DOM element. In my current scenario, this compromise is acceptable since there are no dependencies on global state updates. However, is it considered a complete anti-pattern to utilize Vue in this manner, meaning multiple instances instead of a single parent instance?