VUE3 option api CDN — почему при загрузке страницы мне пишет сначала {{name}} и только потом имя, как сделать чтобы сразу имя писал?

Question

[Nentra]

VUE3 option api CDN - почему при загрузке страницы мне пишет сначала {{name}} и только потом имя, как сделать чтобы сразу имя писал?

Answer 1

[Антон Антон]

Это потому что сначала грузится html, потом js и потом js исполняется, заменяя шаблоны на значения.
Можно обойти, пример, с помощью https://vuejs.org/api/built-in-directives#v-cloak
https://codepen.io/FragsterAt/pen/MWMRGxm

Еще можно запихнуть всё в в компоненты, в теги <template id="component-id"> в качестве источника шаблона компонента, а уже компоненты поместить в корень приложения (<div id="app"> или что-то подобное) https://codepen.io/FragsterAt/pen/gONyzdJ