v-cloak:防止页面加载时出现 vuejs 的变量名;

在使用Vue时，当浏览器进行渲染的时候有时会出现闪烁

例如：有时会出现{{name}}的闪烁情况。

原因：这是由于Vue的生命周期所决定的。

解决：v-cloak

写法：

HTML：

             {{ message }}

css:

              [v-cloak] {display: none;}

但是！！！有时候加了还是不好用怎么办？看下面

解决：[v-cloak] {display:none !important}

----------------------------------------------------补充内容---------------------------------------------------------------------

Vue生命周期函数：

测试代码：

    
    




     
{{ message }}