v-pre
最后更新于:2022-04-02 01:16:26
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