vue 使用v-cloak

v-cloak的使用

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>
相关推荐
星离~28 分钟前
Vue响应式原理详解:从零实现一个迷你Vue
前端·javascript·vue.js
梦6501 小时前
React 简介
前端·react.js·前端框架
一只小阿乐1 小时前
react 中的判断显示
前端·javascript·vue.js·react.js·react
光影少年1 小时前
useMemo 和 React.memo区别
前端·react.js·前端框架
小沐°1 小时前
React-页码组件
前端·javascript·react.js
消失的旧时光-19431 小时前
Flutter 与 React/Vue 为什么思想一致?——声明式 UI 体系的深度对比(超清晰版)
vue.js·flutter·react.js
零一科技1 小时前
Vue3学习第三课: ref 与 reactive 选择指南
前端·vue.js
余杭子曰2 小时前
播放状态与播放序列的关系(999篇一线博客第107篇)
前端
e***U8203 小时前
前端路由懒加载实现,React.lazy与Suspense
前端·react.js·前端框架