v-pre

v-pre指令

用法: 跳过这个元素和它的子元素的编译过程。可以用来显示原始 Mustache 标签。跳过大量没有指令的节点会加快编译。

示例

<span v-pre>{{ this will not be compiled }}</span>

代码示例

		<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

预览:https://ityanxi.github.io/Vue-tutorial/chapter04/11v-pre.html

文章导航