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
|
2月前
|
JavaScript UED
在 Vue 中使用自定义指令
【10月更文挑战第14天】通过合理地使用自定义指令,可以为 Vue 应用带来更多的灵活性和扩展性,提高开发效率和用户体验。
|
7月前
|
JavaScript
vue自定义指令
vue自定义指令
42 0
|
7月前
|
JavaScript 前端开发
vue事件绑定
vue事件绑定
77 1
|
7月前
|
JavaScript 搜索推荐 前端开发
vue怎样自定义指令?
vue怎样自定义指令?
|
7月前
|
JavaScript 前端开发 测试技术
Vue 3.0 Teleport
Vue 3.0 Teleport
47 0
|
前端开发 JavaScript
82Vue - CSS动画
82Vue - CSS动画
39 0
|
JavaScript 前端开发 API
Vue | Vue.js 实现过渡动画
Vue | Vue.js 实现过渡动画