HTML is for displaying information, not being littered with things js needs to query for and access. That's the whole point of using something like vue?
Put a function on the vue component that will make a request, keep all the data stuff in vue.
>There is nothing wrong with storing some information in the DOM.
Except you're coupling your application state with the document model. If you ever do anything to change the DOM later on, (like installing React into your codebase) it'll come back to bite you in the ass hard, as now you need to find a means to communicate state that you just threw into the DOM like it were a slightly more acceptable global variable.
This is not the same as what gitlab is doing. React had attributes in order to remount correctly on the client side after a server render, this was removed. Using the latest react versions have nothing on the dom that isn't specifically needed to render correctly.
Put a function on the vue component that will make a request, keep all the data stuff in vue.