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>


相关文章
|
3月前
|
JavaScript 前端开发 UED
Vue:为什么要使用v-cloak
Vue:为什么要使用v-cloak
|
3月前
|
JavaScript 前端开发
vue 使用v-cloak
vue 使用v-cloak
|
3月前
|
JavaScript
Vue-Awesome-Swiper基本能解决你所有的轮播需求(vue的问题)
Vue-Awesome-Swiper基本能解决你所有的轮播需求(vue的问题)
355 1
|
3月前
|
JavaScript API UED
Vue Suspense
Vue Suspense
21 0
|
3月前
|
JavaScript 前端开发
Vue3中teleport 组件是干什么用的
Vue3中teleport 组件是干什么用的
87 1
|
3月前
|
JavaScript 前端开发
Vue中的 v-cloak 指令
Vue中的 v-cloak 指令
|
3月前
|
JavaScript 前端开发 测试技术
Vue 3.0 Teleport
Vue 3.0 Teleport
29 0
|
11月前
|
JavaScript 前端开发 API
Vue | Vue.js 实现过渡动画
Vue | Vue.js 实现过渡动画
|
JavaScript API
vue2.x与vue3.x中自定义指令详解
vue2.x与vue3.x中自定义指令详解
133 0
|
JavaScript
Vue(Vue2+Vue3)——21.自定义指令
Vue(Vue2+Vue3)——21.自定义指令
Vue(Vue2+Vue3)——21.自定义指令