版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
1、v-once指令作用
只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。
2、代码实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>10_vue中单次渲染DOM元素或者组件_v-once</title>
</head>
<body>
<div class="app">
<p v-once>Once {{onlyOne}} is loaded successfully, loaded again and it's value will be never changed. </p>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<script>
/*
只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。
*/
var app = new Vue({
el: '.app',
data: {
onlyOne: 'LISHUANG',
}
});
</script>
</html>