Есть ли возможность используя Vue не отображать фигурные скобки (Mustache синтаксис) при загрузке/инициализации страницы?

Question

[Dimka5]

// Вид HTML-элемента при загрузке
 _______________________
|                       |
| {{ объект.параметр }} |
|_______________________|

// Хотелось бы вот так
 _______________________
|                       |
|                       |
|_______________________|

Директива v-model работает не для всех элементов, например не работает для <div>. Какие есть варианты без использования серверной отрисовки и костылей типа элемент.innerHTML = this.параметр?

Comments

[alex]

Директива v-model работает не для всех элементов, например не работает для div

как это относится к вопросу?

[Dimka5]

Так что во введении v-model используется для отображения данных в input из за этого, до вашего сообщения, у меня как у новичка сложилось впечатление, что это замена {{ объект.значение }}. Мне показалось это логичным.

Answer 1

[Владимир Проскурин]

Используйте такую директиву v-cloak для блока с вашим приложением. vue удалит его после инициализации, а значит, можно написать такой css, который будет прятать блок с таким атрибутом.

div[v-cloak] {
    display: none;
}

Comments

[Dimka5]

Здорово. Спасибо.
Поправлю вашу ссылочку: v-cloak

[Владимир Проскурин]

Dimka5, там была англоязычная версия, но да, без VPN она почему-то не работает.