vue 使用v-cloak

温柔归故里2023-11-04 14:51

v-cloak的使用场景

v-cloak指令常常用在插值表达式的标签中，因为它可以解决当网络加载很慢时，或者频繁渲染时候，页面就会显示出源代码的情况。

v-cloak的使用

1，在差值语法所在的标签处加上v-cloak指令

javascript 复制代码

<h3 v-cloak>{{home_title}}</h3>

2，在css中设置v-cloak的属性为display为none

javascript 复制代码

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