Vue中的v-cloak使用解读
v-cloak 的作用和用法用法: 这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 HTML 绑定 Vue实例,在页面加载时会闪烁 然后才会出现 {
new Vue({
el: '#app',data: {
msg: 'hello'
}
})
},2000)
v-cloak 可以解决这一问题,在 css 中加上 在 html 中的加载点加上 v-cloak,就可以解决这一问题
{{msg}}
Vue1.x 与 Vue2 中 v-cloak 的不同Vue1 中,允许将 Vue 实例挂载在 body 上,而 Vue2 是不允许的,想对整个页面实例化,需要另外用一个 div 来容纳整个页面内容,对其进行实例化 这样在使用 v-cloak 时,同样需要用到这种方法 为什么我用的 v-cloak 无效?在实际项目中,我们常通过 @import 来加载 css 文件 而 @import 是在页面 DOM 完全载入后才会进行加载,如果我们将 为了避免这种情况,我们可以将 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |