Vue基础学习 --- 遍历数组


<body>
    <div id="app">
        <ul>
        
            <li v-for="user in users">
                 {{user.name}}:{{user.age}}
            li>

            
            <li v-for="(item, index) in users" :key="index">
                {{item.name}}:{{item.age}}
            li>

        
            <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>
vue