本文共 710 字，大约阅读时间需要 2 分钟。

main.js：

var app = new Vue({    el: "#app",    data: {        foodList: [{            name: "葱",            price: 10,            discount: .5        },{            name: "姜",            price: 8,            discount: .8        },{            name: "蒜",            price: 15,        }]    }});

index.html：

    
       
   
    
    
        
     
{  {food.name}}: {  {food.discount?food.price*food.discount:food.price}}
    
    
   

v-for中Vue改变数组内容：Vue.set()

   
    
    
        
     
{  {item}}
    
    
    
    
change numbers
   

v-for中Vue增加数组内容：push()

   
    
    
        
     
{  {item}}
    
    
    
    
add numbers
   

v-for中Vue反转数组：reverse()

   
    
    
        
     
{  {item.name}}
    
    
    
    
reverse numbers