1.v-pre
v-pre主要用來跳過這個元素和它的子元素編譯過程。可以用來顯示原始的Mustache標籤。跳過大量沒有指令的節點加快編譯。<div id="app"> <span v-pre>{{message}}</span> //這條語句不進行編譯,輸出為{{message}}, //即使在data中定義了message的值,還是{{message}} <span>{{message}}</span></div>
2.v-cloak
這個指令是用來保持在元素上直到關聯例項結束時進行編譯。<div id="app" v-cloak> <div> {{message}} </div></div><script type="text/javascript"> new Vue({ el:'#app', data:{ message:'hello world' } })</script>
在頁面載入時會閃爍,先顯示:
<div> {{message}}</div>
然後才會編譯為:
<div> hello world!</div>
最新評論