## v-pre指令 **用法:** 跳过这个元素和它的子元素的编译过程。可以用来显示原始 Mustache 标签。跳过大量没有指令的节点会加快编译。 >[info]示例 ~~~ <span v-pre>{{ this will not be compiled }}</span> ~~~ >[info]代码示例 ~~~ <div id="demo"> <span v-pre>{{message}}</span> <span>{{message}}</span> </div> <script type="text/javascript"> var app=new Vue({ el:'#demo', data:{ message:'hello vue' } }); </script> ~~~ 以上代码,第一个span里的内容不会被编译,显示为{{message}}, 第二个span里的内容会被编译,显示为hello vue >[success]预览:https://ityanxi.github.io/Vue-tutorial/chapter04/11v-pre.html ![](https://box.kancloud.cn/011244478710526f228968efff52b524_184x42.png)