vue指令之v-for

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：

html>
lang="en">

    charset="UTF-8">
    



id="app">
    

        
v-for="food in foodList">{{food.name}}: {{food.discount?food.price*food.discount:food.price}}