У меня возникают трудности с отображением html-компонента, показанного в браузере. У меня есть компонент с именем fullName, который содержит
<template>
<div>
<h3>
{{data.firstName}} {{data.lastName}}
</h3>
</div>
</template>
<script>
export default{
name: 'fullName',
props:{
data:Object
}
}
</script>
, и я передаю firstName и lastName как реквизиты, но при проверке в chrome компонент отображаетсякак это
<fullName data=[object object]></fullName>
вместо
<div>
<h3>Abhishek Singh</h3>
</div>
, где я передаю Abhishek и Singh в качестве реквизита
Может кто-нибудь помочь мне отладить это или сообщить мне, почему этослучается