<!DOCTYPE html>
<html lang="en">
<head>
? ? <meta charset="UTF-8">
? ? <title>vue</title>
? ? <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
</head>
<body>
? <div id="app">
<ul>
? ? <li v-for="value in foodlist">{{value.name? }}:? ${{value.discount?value.price*value.discount:value.price}}</li>
</ul>
? </div>
? <script src="app.js"></script>
</body>
</html>
var app = new Vue({
el:'#app',
data:{
? ? foodlist:[
? ? ? ? {name:'蔥',price:10,discount:0.5},
? ? ? ? {name:'姜',price:9,discount:0.5},
? ? ? ? {name:'蒜',price:7,discount:0.5},
? ? ? ? {name:'辣椒',price:55,},
? ? ]
}
});
