1. 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
  1. 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
  1. 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