解決vue語法會有延遲加載顯現(xiàn){{xxx}}的問題
更新時間：2019年11月14日 10:35:16 作者：黝黑的碼農(nóng)
今天小編就為大家分享一篇解決vue語法會有延遲加載顯現(xiàn){{xxx}}的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在使用Vue寫應(yīng)用時發(fā)現(xiàn)一個問題，每當進入一些有延時的（如網(wǎng)絡(luò)API請求）操作時，會先閃一下未編譯的 Mustache 標簽{{ message }}，這讓人很不爽。
在官網(wǎng)找到了解決方案：v-cloak
參照官網(wǎng)做法：
定義[v-cloak]的style
<style> [v-cloak] { display: none; } </style>
使用了Mustache標簽的地方加上v-cloak
<div v-cloak>{{ message }}</div>
這樣，Vue就可以隱藏未編譯的 Mustache 標簽直到實例準備完畢。實測效果很棒！
推薦大家使用阿里云，點擊此鏈接可以領(lǐng)取1000元優(yōu)惠券，如果你是學生還能加入云翼計劃獲得9.9元一個月的虛擬機優(yōu)惠。
以上這篇解決vue語法會有延遲加載顯現(xiàn){{xxx}}的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
最近學習過程中常碰到讓用戶登錄注冊這種,這篇文章主要給大家介紹了關(guān)于Vue實戰(zhàn)記錄之登陸頁面實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2021-06-06
解決Vue.js由于延時顯示了{{message}}引用界面的問題
今天小編就為大家分享一篇解決Vue.js由于延時顯示了{{message}}引用界面的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Vue3.0使用ref和reactive來創(chuàng)建響應(yīng)式數(shù)據(jù)
ref?和?reactive?是?Composition?API?中用來創(chuàng)建響應(yīng)式數(shù)據(jù)的兩個核心函數(shù),在本篇文章中,我們將詳細講解如何使用?ref?和?reactive?來創(chuàng)建響應(yīng)式數(shù)據(jù),并展示它們之間的區(qū)別和使用場景,需要的朋友可以參考下2024-11-11
今天進行了element?文件上傳組件的運用,寫一下心得,下面這篇文章主要給大家介紹了關(guān)于VUE學習之Element-ui文件上傳的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-10-10
vue單文件組件lint error自動fix與styleLint報錯自動fix詳解
這篇文章主要給大家介紹了關(guān)于vue單文件組件lint error自動fix與styleLint報錯自動fix的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-01-01
elementUI中el-table表頭和內(nèi)容全部一行顯示完整的方法
最近參與web開發(fā)時,讓我解決一個elementui控制內(nèi)容單行顯示,下面這篇文章主要給大家介紹了關(guān)于elementUI中el-table表頭和內(nèi)容全部一行顯示完整的方法,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了vue打包生成的文件的js文件過大的優(yōu)化方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了使用D3.js+Vue實現(xiàn)一個簡單的柱形圖,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-08-08
Vue多頁面配置打包性能優(yōu)化方式(解決加載包太大加載慢問題)
這篇文章主要介紹了Vue多頁面配置打包性能優(yōu)化方式(解決加載包太大加載慢問題)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了Vue實現(xiàn)兄弟組件間的聯(lián)動效果，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01