<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>演示迭代对象</title>
</head>
<body>
    <div id="app">
        <ol>
            <template v-for="(value,key,index) in myObj">
                <li>{{key}}</li>
                <p>备注说明{{index+1}}:{{value}}</p>
            </template>
        </ol>
    </div>

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

    <script>
        let vm = new Vue({
            el:'#app',
            data:{
                myObj:{
                    '蔬菜':'蔬菜是个好东西',
                    '水果':'水果是个好东西',
                    '蛋糕':'蛋糕是个坏东西',

                }
            }
        });
    </script>
</body>
</html>