10_Vue指令篇之单次渲染DOM元素或者组件_v-once指令

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/vue@2.6.10/dist/vue.js"></script>
<script>
/*
	只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。
 */
	var app = new Vue({
		el: '.app',
		data: {
			onlyOne: 'LISHUANG',
		}
	});
</script>
</html>

来源：https://blog.csdn.net/qq_41865652/article/details/102775349

标签

代码优化

html代码

once

dom

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!