- v-pre
Display an element as mustache tag instead of compiling as an object variable.
<div id="app">
<div>{{msg}}</div>{{MSG}}</div>
Copy the code
- v-cloak
This directive is used to remain on the element until the end of the associated instance is compiled.
<style>
[v-cloak]{
display:none;
}
</style>
<div id="app">
<div v-cloak>{{msg}}</div>
</div>{{MSG}}} {{MSG}}} {{MSG}}Copy the code
- v-once
The element only compiles the render the first time, and changes to variables after that do not change.
</style>
<div id="app">
<div v-once>{{msg}}</div>
</div>
Copy the code