Vue3中的v-cloak简介 官网
在Vue3里,v-cloak是个特殊指令,可避免插值表达式闪烁问题。页面加载时,因Vue实例还没完成编译,插值表达式会直接显示,等编译完成才显示实际数据。v-cloak能解决这问题。 style [v-cloak] { display: none; }/stylediv v-cloak{{ message }}/divscript const app = Vue.createApp({ data() { return { message: 'Hello, Vue3!' } } }); app.mount('#app');/script 使用v-cloak时,要确保CSS样式里有[v-cloak] { display: none; },不然无法解决插值表达式闪烁问题。