Vue中那些不常用的指令2021-06-09

1. v-pre

将某个元素以mustache标签的形式显示，不再编译为对象变量。

  <div id="app">
      <div>{{msg}}</div>        //此处不再展示msg变量的值  直接展示{{msg}}
  </div>

2. v-cloak 这个指令是用来保持在元素上直到关联实例结束时进行编译。

    <style>
        [v-cloak]{
            display:none;
        }
    </style>
    <div id="app">
      <div v-cloak>{{msg}}</div>   
    </div>
     //此时网页打开时就不会显示{{msg}}  在编译结束时直接显示对应结果

3. v-once 元素只在第一次编译渲染，之后更改变量不会改变。

    
    </style>
    <div id="app">
      <div v-once>{{msg}}</div>   
    </div>