ExampleTwo

Code of the Vue Component "ExampleTwo"

<template>
    <div>
        <example
            v-for="person in persons"
            :key="person.id"
            :firstname="person.firstname"
            :lastname="person.lastname"
        ></example>
    </div>
</template>

<script>
    import Example from './Example.vue';

    export default {
        name: 'example-two',
        components: {
            Example
        },
        data() {
            return {
                persons: [
                    { id: '1', fistname: 'John', lastname: 'Doe' },
                    { id: '2', fistname: 'Jane', lastname: 'Doe' }
                ]
            };
        }
    };
</script>