How to access DOM element with Vue?

Question

Vue.js

For example, there is a component and this is what is in ittemplate

<div>
   <textarea></textarea> 
   <span></span>
</div>

Through this.$elI can access the whole root component, but how can I access only one textarea
How to change it in the most appropriate way for Vue, what are the best practices?
autosize(document.querySelectorAll('textarea'))

Answer 1

<div>
   <textarea ref="textarea"></textarea> 
   <span></span>
</div>

Set the ref attribute for the desired element and refer to this.$refs using the set value
About refs in the documentation

Answer 2

what are the best practices?

Change elements only through related data, avoid direct DOM manipulation