DOM Element References

So far we’ve seen how we can create reactive objects using ref() and reactive(), bind the reactive objects to element attributes, display the value of a reactive element using {{ }}, and watch the reactive objects for changes to their state and execute callbacks when changes occur.

Vue also allows us to create references to DOM elements for times when we need them.