Vue解决浏览器闪烁问题

Vue解决浏览器闪烁问题:

1.使用v-cloak指令：

<h1 v-cloak>{{message}}</h1>
//同时style内需要设置具有  v-cloak属性的元素display为none
<style>
	[v-cloak] {
		display:none;
}
</style>

2.使用v-text指令：当只需要渲染文本时(非DOM)

<h1   v-text='message'></h1>
//利用v-text代替了{{}}

3.当需要渲染DOM节点时，可以使用v-html指令：

<h1  v-html='template'></h1>