Vuejs 对象迭代

hedeqiang

发布于 2019-12-17 22:09:33

1.4K0

发布于 2019-12-17 22:09:33

js 对象迭代日常生活中，开发后端给的很多元素都将会是一个对象，但有时候我们并不知道这个对象都有哪些字段。因此 js 的对象迭代可以很方便的解决此类问题

html：

<div id="myApp">
    <h1>JS对象迭代</h1>
    <div v-for="(value, key) in mygame">
        {{key}} : {{value}}
    </div>
</div>

JavaScript

<script>
    var myApp = new Vue({
        el: '#myApp', 
        data: {
            mygame: {
                title: "乌贼娘2代",
                price: 350,
                pubdate: "2017年夏季",
                category: "射击",
                agerange: "全年龄",
            },
        },
    });
</script>

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

javascript