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

最新推荐文章于 2022-08-27 19:03:39 发布

嫣夜来

最新推荐文章于 2022-08-27 19:03:39 发布

阅读量633

点赞数 1

分类专栏： Vue前端框架

本文链接：https://blog.csdn.net/qq_41865652/article/details/102775349

版权

Vue前端框架专栏收录该内容

21 篇文章 0 订阅

订阅专栏

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>

嫣夜来

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
10_Vue指令篇之单次渲染DOM元素或者组件_v-once指令

1、v-once指令作用只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。2、代码实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>10_vue中单次渲染DOM元素或者组件_...
复制链接

扫一扫