ResultList.vue

<template>
    <ul>
        <result v-for="result in results" :key="result.id">
            @{{ result.id }}
        </result>
    </ul>
</template>

<script>
    export default {
        data() {
            return {
                results: [
                    {id: 1, serial_no: 123},
                    {id: 2, serial_no: 234},
                ]
            };
        }
    }

    Vue.component('result', {
        template: `<li><slot></slot></li>`,
    });
    new Vue({
        el: "#app",
        data: {
            searchTerm: '',
            results: [],
        },
        methods: {
            search() {
                console.log(this.searchTerm)
            },
        }
    });
</script>