vue渲染页面时，不显示变量名

使用vue 的双向绑定时，页面开始渲染时，在变量处会有一瞬间显示变量名，效果如下：

这种显示不好看，在前端用户不会想看到这种无法理解的东西。

解决方案：

	<style>
        [v-cloak]{
            display: none;
        }
    </style>
	<div id="container" v-cloak>
    	...    
    </div>

在使用vue的元素上加上v-cloak，style中也写入如上代码。
即可实现。

参考文章：https://blog.youkuaiyun.com/lc0012/article/details/95757407