[Vuejs]-How to render markup so there's less FLOUT with a Vue Component?

Thank you for your relevant question, I propose an answer from what I understand.

you are trying to dynamically pass a property from the server to a view instance already created. This is not possible because Vue does not allow dynamically adding new root-level reactive properties to an already created instance. However, it’s possible to add reactive properties to a nested object using the

Vue.set(object, propertyName, value) method:

Vue.set(vm.someObject, 'b', 2)

go on the official documentation of Vue to know more

here : https://v2.vuejs.org/v2/guide/reactivity.html

hope that it puts you on the right track