vue v-for ループ オブジェクトの属性

<本文>



    <div id="アプリ">

        <!-- ループオブジェクト内の値-->

        <ul>

            <li v-for="アイテム内パー">

                {{アイテム}}

            </li>

        </ul>

    </div>



    <script src="./js/vue.js"></script>

    <スクリプト>



        vm = new Vue({

            el:'#app',

            データ：{

                あたり:

                    id:1,

                    名前:「シャオミン」

                    年齢:19歳

                    性別:"男性"

                }

            }

        })

    </スクリプト>

<!-- キーと値のループ -->

        <ul>

                    <!-- 値キー-->

            <li v-for="(値,キー) in per">

                {{値}}---{{キー}}

            </li>

        </ul>