1、v-once

該指令后面不需要跟任何表達(dá)式；表示元素和組件只渲染一次，不會隨著數(shù)據(jù)的改變而改變。

 <h1 v-once>{{str}}</h1>

2、v-html

在某些情況下，從服務(wù)器請求到的數(shù)據(jù)本身就是一個HTML代碼，如果直接通過高{{}}來輸出，會將HTML代碼一起輸出，所以可以使用v-html進(jìn)行解析出來并且進(jìn)行渲染。

<div id= 'vue' >
  <h2>{{url}}</h2>
  <h2 v-html="url"></h2>
</div>
  <script>
    let vm = new Vue({
      el: '#vue',
      data:{
        url: '<a 
      }
    })
  </script>

3、v-pre

用于跳過這個元素和它自元素的編譯過程，用于顯示原本的Mustache語法。

<div id= 'vue' >
  <h1>{{str}}</h1>
  <h2 v-pre>{{str}}</h2>
</div>
  <script>
    let vm = new Vue({
      el: '#vue',
      data:{
        str: '只執(zhí)行一次',
      }
    })
  </script>

4、v-text

v-text作用和Mustache比較相似，都是用于將數(shù)據(jù)顯示在界面中，但是此方法沒有Mustache好用，尤其是在字符串拼接時。

 <h1 v-text="str"></h1>