【学习笔记】06-v-cloak的学习和示例

腌咸鱼

于 2020-09-17 13:29:56 发布

阅读量183

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/wersdf22/article/details/108640409

Vue 专栏收录该内容

20 篇文章

订阅专栏

v-cloak的认识和使用

屏蔽闪动，经常用到v-cloak，Vue解析后，会自动删除v-cloak属性

示例

		<style type="text/css">
			[v-cloak]{
				display: none;
			}
		</style>
	</head>
	<body>
	<div id="app" v-cloak>
		<h1>{{message}}</h1>
	</div>
	
	<script src="vue.js"></script>
	<script>
		setTimeout(function(){  //延迟解析Vue
			const apt = new Vue({
				el : '#app',
				data :{
					message : '你好，世界',
				}
			})
		},1000)
			
		</script>