Question

我很难获得浏览器中显示的html组件我有一个名为fullName的组件，其中包含

<template>
 <div>
   <h3>
    {{data.firstName}} {{data.lastName}}
   </h3>
 </div>
</template>

<script>
export default{
 name: 'fullName',
 props:{
  data:Object
 }
}
</script>

并且我将firstName和lastName作为props传递，但是当我在chrome中检查时，组件显示如下

 <fullName data=[object object]></fullName>

代替

 <div>
   <h3>Abhishek Singh</h3>
 </div>

我通过阿比舍克和辛格作为道具的地方

有人可以帮我调试一下还是让我知道为什么发生

Answer 1

您是否在其父组件中正确注册了fullName组件？

Vue组件html不显示

1 个答案: