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>


相关文章
|
7月前
|
JavaScript 前端开发 UED
Vue:为什么要使用v-cloak
Vue:为什么要使用v-cloak
|
7月前
|
JavaScript 前端开发
vue 使用v-cloak
vue 使用v-cloak
|
7月前
|
JavaScript
vue自定义指令
vue自定义指令
|
JavaScript
vue--自定义指令
vue--自定义指令
|
7月前
|
JavaScript 前端开发
vue事件绑定
vue事件绑定
66 1
|
7月前
|
JavaScript
(详解)Vue3自定义指令
(详解)Vue3自定义指令
196 2
|
JavaScript API
vue2.x与vue3.x中自定义指令详解
vue2.x与vue3.x中自定义指令详解
167 0
|
JavaScript
Vue(Vue2+Vue3)——36.scoped(局部)样式
Vue(Vue2+Vue3)——36.scoped(局部)样式
|
JavaScript
Vue3——teleport 传送门
teleport 传送门
111 0
|
JavaScript API
Vue 自定义指令详解(看了就会)
Vue 自定义指令详解(看了就会)
183 0
Vue 自定义指令详解(看了就会)

热门文章

最新文章