Is it possible using Vue to not display curly braces (Mustache syntax) on page load/initialization?

Question

Vue.js

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

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

The directive v-modeldoes not work for all elements, for example, it does not work for <div>. What are the options without using server-side rendering and crutches like элемент.innerHTML = this.параметр?

Answer 1

Use this v-cloak directive for your application block. vue will remove it after initialization, which means that you can write css that will hide the block with this attribute.

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