如何避免VUE页面抖动出现{{}}？ 一行代码实现的简单方法

背景

页面稍微大些，刷新页面会出现{{}}的样式十分丑陋，现在推荐一种简单方法解决这个问题。

方法

在页面显示的最大div模块上添加如下样式

	<div id='app'  style="display: none;" :style="{display: 'block'}">

原理

• ：style只有vue渲染的时候才识别，在此之前style=“display: none;” 让页面不显示。

• vue渲染后，:style="{display: ‘block’}"有让页面显示出来。

后记

感觉用起来很方便，页面至少不会花掉。