插值语法:v-pre指令的用法
2021-02-20,104
v-pre:该指令用于跳过这个元素和它的子元素的编译过程,用于显示原本本的Mustache语法
第一个h2元素中的内容会被编译器解析出来对应的内容
第二个h2元素中会直接显示{{message}}
代码示例:
<body>
<div id="app">
<h2>{{message}}</h2>
<h2 v-pre>{{message}}</h2>
<!-- v-pre原封不动的显示出来不做任何解析 -->
</div>
<script src="../js/vue.js"></script>
<script>
const app = new Vue({
el:'#app',
data:{
message:'喵绅士',
},
});
</script>
</body>