V-cloak指令

最新推荐文章于 2024-07-04 10:12:44 发布

碧山云游

最新推荐文章于 2024-07-04 10:12:44 发布

阅读量146

点赞数

分类专栏： Vue.js学习笔记

本文链接：https://blog.csdn.net/qq_41617901/article/details/116402714

版权

Vue.js学习笔记专栏收录该内容

21 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>V-cloak指令</title>
		<script src="js/vue.js"></script>
		<style type='text/css'>
			[v-cloak] display:none;
		</style>
	</head>
	<body>
		<!---{{}} 插值表达式 -->
		<!---{{}} 使用插值表达式，存在闪现问题 -->
		<div id='box'>
			<div v-cloak>{{msg}}
			</div>
		</div>
		<script type="text/javascript">
			new Vue({
				el: '#box',
				data: {
					msg: 'hello world'
				}
			});
		</script>
	</body>
</html>