Vue.js v-cloak 指令

v-cloak指令是一个Vue.js指令，它将保留在元素上，直到关联的 Vue 实例完成编译。结合诸如[v-cloak] { display: none } 之类的 CSS 规则，该指令可用于隐藏未编译的 mustache 绑定，直到 Vue 实例准备好。首先，我们将创建一个 id 为app的 div 元素，然后将v-cloak指令应用于一个元素。

句法：

参数：此函数不接受任何参数。

示例：此示例使用 Vue.js 显示数据的工作与 v-cloak 以便仅在编译完成时才可见。

HTML

  

  
    
    
    
  
    
        [v-cloak] {
            display: none;
        }
    

  

    
          
        
            GeeksforGeeks
        
        
            VueJS | v-cloak directive
        
    
  
    
  
        
            {{ data }}
        
    
  
    
        var app = new Vue({
            el: '#app',
            data: {
                data: 'GeeksforGeeks'
            }
        })
    

  

输出：