条件与循环 

<!DOCTYPE html>
<html lang="zh">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <link href="../css/style.css" rel="stylesheet">
</head>

<body>
<div id="myApp">
    <h3>游戏列表</h3>
    <!-- Virtual DOM -->
    <div v-if="seen">2017最新发卖</div>
    <ol>
        <li v-for="game in games">{{game.title}} / {{game.price}}元</li>
    </ol>
</div>
<script>
    var myApp = new Vue({
        el: '#myApp'
        , data: {
            seen: false
            , games: [
                {
                    title: '勇者斗恶龙'
                    , price: 400
                }
                , {
                    title: '超级马里奥'
                    , price: 380
                }
                , {
                    title: '我的世界'
                    , price: 99
                }
                ,]
            ,
        }
        ,
    });
</script>
</body>

</html>

 

posted @ 2019-06-20 10:18  DarJeely  阅读(260)  评论(0)    收藏  举报