@goodw84

Синхронное подключение VueJS?

1. Подключаю в head VueJS:

2. В конце страницы подключаю app.js

При загрузке страницы сначала отображаются {{message}} шаблоны VueJS, а потом уже отрабатывает Vue, заменяя их на значения и т.д.

Браузеры: Яндекс.Браузер и Google.Chrome

Как подключать Vue, чтобы он отрабатывал до отрисовки страницы?
  • Вопрос задан
  • 385 просмотров
Решения вопроса 1
@Stopy
Vue в любом случае заработает после отрисовки dom дерева. Как вариант, сделай body display:none, а после загрузки vue уже делай рабочую область видимой. Иначе неотрендереный результат все равно будет видно
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
При использовании шаблонов в DOM может возникнуть «вспышка нескомпилированных шаблонов»: пользователь может видеть необработанные теги усов, пока смонтированный компонент не заменит их отображаемым содержимым.
Чтобы избежать такого поведения, можно использовать директиву v-cloak. v-cloak останется на элементе до тех пор, пока не будет смонтирован соответствующий экземпляр компонента. В сочетании с правилами CSS, такими как
[v-cloak] { display: none }
, его можно использовать для скрытия необработанных шаблонов до тех пор, пока компонент не будет готов
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы