VUE学习日记（十） ---- js对象迭代 v-for 2

 

 

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

    <script>
      var myPage = new Vue({
        el:'#myPage',
        data:{
          mygame:{
            title:"水浒Q传",
            price:"免费",
            category:"回合制手游",
            pubdate:"2016年"
          }
        }
      })
    </script>

效果展示：