title: Proper Way to Integrate d3 into Vue application
body: <p>I have a Vue 3 application that is using d3. Many sources recommend making full use of the Vue template (such as <a href="https://medium.com/@lambrospd/5-simple-rules-to-data-visualization-with-vue-js-and-d3-js-f6b2bd6a1d40" rel="nofollow noreferrer">this</a> and <a href="https://levelup.gitconnected.com/d3-js-and-vue-js-7a6a721eb79f" rel="nofollow noreferrer">this</a>), 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.</p>
  <p>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?</p>