v-once

v-once指令

用法：只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。

代码示例

		<div id="demo">
			<!-- 单个元素 -->
			<span v-once>This will never change: {{msg}}</span>
			<!-- 有子元素 -->
			<div v-once>
			  <h1>comment</h1>
			  <p>{{msg}}</p>
			</div>
		</div>
		<script type="text/javascript">
			var app=new Vue({
				el:"#demo",
				data:{
					msg:"hello vue"
				}
			});
		</script>

预览：https://ityanxi.github.io/Vue-tutorial/chapter04/13v-once.html