Vue 内置指令 v-once
作用:v-once 所在节点在初次动态渲染后,就视为静态内容了
以后数据的改变不会引起 v-once 所在结构的更新,可以用于优化性能
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>v-noce</title>
<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<div id="root">
<h3 v-once>初始值:n = {{n}}</h3>
<h3>当前值:n = {{n}}</h3>
<button @click="n++">n + 1</button>
</div>
</body>
<script type="text/javascript">
const vm = new Vue({
el: '#root',
data: {
n:1
}
})
</script>
</html>