制作商城版网站开发,网站开发业务怎么开展,可以优化网络的软件,院感质控中心网站建设 申请VUE——v-cloak指令 属性选择器#xff0c;可以控制vue实例化完成前的dom样式 功能#xff1a;利用vue实例化后v-cloak属性会消失#xff0c;设置其样式 官网介绍
没用前效果#xff1a;当vue没渲染完前#xff0c;界面效果会看到{{aboutCloak}}字符#xff0c;影响用户…VUE——v-cloak指令 属性选择器可以控制vue实例化完成前的dom样式 功能利用vue实例化后v-cloak属性会消失设置其样式 官网介绍
没用前效果当vue没渲染完前界面效果会看到{{aboutCloak}}字符影响用户体验
bodydiv idcloakAppdiv {{aboutCloak}}/div/divscript src./vue.js/scriptscriptsetTimeout((){new Vue({el:#cloakApp,data:{aboutCloak:关于v-cloak的用法}})},2000)/script
/bodyv-cloak的用法 /* 通过属性选择器获得标签来改变样式只要有v-cloak的标签都用这样的效果 */
div[v-cloak] {display: none;
}
bodydiv idcloakAppdiv v-cloak{{aboutCloak}}/div/divscript src./vue.js/scriptscriptsetTimeout((){new Vue({el:#cloakApp,data:{aboutCloak:关于v-cloak的用法}})},2000)/script
/body
