vue页面绑定数据，渲染页面时会出现页面闪烁

Posted 2020-12-04 woshidouzia

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue页面绑定数据，渲染页面时会出现页面闪烁相关的知识，希望对你有一定的参考价值。

<style  type="text/css">
	[v-cloak] {
		display: none;
	}
</style>

<div id="app" v-cloak>
	<h1>{{message}}</h1>
	<h1>{{name}}</h1>
</div>

原因：由于javascript去操作DOM，都会等待DOM加载完成（DOM ready）。对于vuejs、angularjs这些会在DOM ready完会才回去解析html view Template，

以上是关于vue页面绑定数据，渲染页面时会出现页面闪烁的主要内容，如果未能解决你的问题，请参考以下文章