vue 使用v-cloak

简介: vue 使用v-cloak

v-cloak的使用


v-cloak的使用场景


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


v-cloak的使用


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


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


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


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


相关文章
|
4月前
|
JavaScript 前端开发 UED
Vue:为什么要使用v-cloak
Vue:为什么要使用v-cloak
|
4月前
|
JavaScript 前端开发
vue 使用v-cloak
vue 使用v-cloak
|
25天前
|
JavaScript 前端开发 编译器
Vue自定义指令详解
Vue自定义指令详解
14 0
|
4月前
|
JavaScript
Vue-Awesome-Swiper基本能解决你所有的轮播需求(vue的问题)
Vue-Awesome-Swiper基本能解决你所有的轮播需求(vue的问题)
437 1
|
4月前
|
JavaScript
Vue中如何自定义指令?
Vue中如何自定义指令?
39 1
|
JavaScript
vue--自定义指令
vue--自定义指令
|
4月前
|
JavaScript 前端开发
Vue中的 v-cloak 指令
Vue中的 v-cloak 指令
|
4月前
|
JavaScript 前端开发 测试技术
Vue 3.0 Teleport
Vue 3.0 Teleport
29 0
|
10月前
|
JavaScript
(详解)Vue自定义指令
(详解)Vue自定义指令
58 0