Как правильно подключить vuejs?

Question

[Dmitry]

Есть готовый сайт. В него я подключаю vue обычным тэгом (не важно в head или в конец body):

<script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>

Но есть проблема - при загрузки страницы пользователь видит {{news.title}} и только спустя 2 секунды подгружается нормальный текст. При чем это даже не аякс, а обычные данные внутри data.

Это вполне логично, ведь чтобы выполнить строчку {{news.title}} должен сперва прогрузиться vue.
Но как этого избежать без настраивания системы сборки? Есть ли иной способ, более простой?

В документации я так и не нашел ответ. Там даже эта проблема не описана.

Comments

[alex-1917]

никак. убирайте теги из тела страницы, добавляйте всю свою лапшу после инициализации

Answer 1

[nvdfxx]

v-cloak

Comments

[Dmitry]

Ух, спасибо большое. Я даже не знал как прогуглить этот вопрос, по описанию похоже то, что надо.

Answer 2

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

https://ru.vuejs.org/v2/guide/components-edge-case... => https://jsfiddle.net/gbcykeq2/
А вообще пора бы переходить на сборку фронтенда :)

Answer 3

[alex-1917]

v-cloak ПЛЮС вот такой html
<div id="app"></div>

т.е. абсолютно чистый голый контейнер.

80% так называемых видео и не только но гайдов предлагают туда что-то да запихнуть, это все будет безжалостно отображаться до момента инициализации китайского поделия.

Comments

[danilr]

а если это не сборный фронтенд, а просто одностраничный лендинг? Куда всю верстку писать, если не в div id="app"></div>