I have a Vue 3 application that is using d3. Many sources recommend making full use of the Vue template (such as this and this), while others recommend only using a single div for the svg and using d3 for all functionality, styling, etc. I have tried both ways, and using the Vue template seems to be easier and require less code. However, I don't want to run into problems down the road and need to rewrite everything.
What are the pros and cons of these two methods? Is it simply a matter of preference, or are there real performance or other issues with one method?