v-once指令
在所有节点在初次(第一次)动态渲染(Vue读了1 次)后,就看成是静态内容了
以后的数据改变不是引起v_once所在结构更新,用于性能优化
<body>
<!-- 准备容器 -->
<!--
v-once指令
在所有节点在初次(第一次)动态渲染(Vue读了1 次)后,就看成是静态内容了
以后的数据改变不是引起v_once所在结构更新,用于性能优化
-->
<div id='root'>
<h2 v-once>初始值:{{n}}</h2>
<h2>点击的操作实现: {{n}}</h2>
<button @click="n++">点击+1</button>
</div>
</body>
<script>
new Vue({
el: '#root',
data: {
n: 5,
},
});
</script>