컴포넌트 불러오기

<template>
    <div class="flex h-full">
 
        <ChatUserList/>
       
        <div class="w-4/5 flex flex-col">
            
            <div class="flex-1">Chat Area</div>
 
            <div class="flex-initial p-2">
               <input class="border-r border-solids rounded border-gray-600 w-full p-3" type="text" name="">
            </div>
 
        </div>
    </div>
</template>
 
<script>
 
    import ChatUserList from './ChatUserList.vue';
 
    export default {
 
        components : {
 
            ChatUserList
            
        },
 
        mounted() {
            console.log('Component mounted.')
        }
    }
</script>