<body>
    <div id="app">
        <ul>
        <!-- 遍历数组 -->
            <li v-for="user in users">
                 {{user.name}}:{{user.age}}
            </li>

            <!-- index索引,从0开始。 -->
            <li v-for="(item, index) in users" :key="index">
                {{item.name}}:{{item.age}}
            </li>

        <!-- 遍历对象 value值如:Nimeide   index键如:name-->
            <li v-for="(value, index) in wife" :key="index">
                {{value}}--{{index}}
            </li>
        </ul>
    </div>
    <script>
        const vm = new Vue({
            el: '#app',
            data() {
                return {
                    // 数组
                    users: [
                        { name: 'lisi', age: 12 },
                        { name: 'zhangsan', age: 19 },
                    ],
                    // 对象
                    wife: {
                        name: 'Nimeide',
                        age: 18
                    }
                }
            },
        });
    </script>
</body>

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-05-28
  • 2022-12-23
  • 2022-12-23
  • 2021-08-27
猜你喜欢
  • 2022-12-23
  • 2021-10-21
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-26
  • 2021-11-05
相关资源
相似解决方案