Vue.js 中的 v-for 指令

v-for指令是一个Vue.js指令，用于循环数据，通常是数组或对象。首先，我们将创建一个 id 为app的 div 元素，然后将v-for指令应用于具有数据的元素。现在我们将通过使用包含该值的 data 属性初始化一个 Vue 实例来创建此数据。

句法：

v-for="data in datas"

参数：此函数接受我们将循环遍历的数组或对象的数据。

示例：此示例使用 Vue.js 使用 v-for 循环遍历数组。

  

    
        VueJS | v-for directive
    
  
    
    
    

  

    
          
        
            GeeksforGeeks
        
          
        
            VueJS | v-for directive
        
    
  
    
  
        
            
                {{data}}
            
        
    
  
    
        var app = new Vue({
            el: '#app',
            data: {
                datas: [
                    'Hello', 
                    'World', 
                    'GeeksforGeeks'
                ]
            }
        })
    

  

输出：