Vue.js v-once 指令

v-once指令是一个Vue.js指令，用于避免不必要的元素重新渲染。它在第一次渲染元素后将元素视为静态内容。这提高了性能，因为它不必再次渲染。首先，我们将创建一个带有所选 id 的 div 元素。然后将v-once指令应用于此元素以使其仅呈现一次。

句法：

v-once

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

示例：此示例使用 Vue.js 来显示数据的使用 v-once。

  

    
        VueJS v-once Directive
    
  
    
    
    

  

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

  

输出：