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>
相关推荐
要加油哦~13 小时前
JS | 知识点总结 - 原型链
开发语言·javascript·原型模式
哆啦A梦158814 小时前
axios 的二次封装
前端·vue.js·node.js
阿珊和她的猫14 小时前
深入理解与手写发布订阅模式
开发语言·前端·javascript·vue.js·ecmascript·状态模式
yinuo14 小时前
一行 CSS 就能搞定!用 writing-mode 轻松实现文字竖排
前端
snow@li14 小时前
html5:拖放 / demo / 拖放事件(Drag Events)/ DataTransfer 对象方法
前端·html·拖放
爱看书的小沐15 小时前
【小沐杂货铺】基于Three.js渲染三维风力发电机(WebGL、vue、react、WindTurbine)
javascript·vue.js·webgl·three.js·opengl·风力发电机·windturbine
qq_3985865415 小时前
Threejs入门学习笔记
javascript·笔记·学习
浪裡遊16 小时前
Nivo图表库全面指南:配置与用法详解
前端·javascript·react.js·node.js·php
課代表16 小时前
JavaScript 二维数组的三种定义与初始化方法
javascript·初始化·二维数组·多维数组·动态数组·循环遍历·数组合并
鸡吃丸子17 小时前
Next.js 入门指南
开发语言·javascript·next.js