vue指令之v-pre

v-pre屬性的作用是跳過該元素編譯過程，直接顯示元素內部的文本，特點就是跳過大量的沒有指令的節點。

   <div id="app" >
        <h2 v-pre>{{a}}</h2>      
    </div>
    <script src = "js/vue.js"></script>
    <script>
        var vue = new Vue({
            el: "#app",
            data: {
                a: 100
            }, 
            
        })
    </script>

 

 

 

瀏覽器顯示的就是沒有編譯之前的h2元素中的文本內容，v-pre屬性的有點就是優化頁面的加載性能。