vue组件调用自己封装的组件时不显示，是什么原因？

Question

<template>
<el-container>
    <el-main>
        <div>11111</div>
        <Tree></Tree>
    </el-main>
</el-container>
</template>
<script>
import Tree from '../../components/tree.vue'
export default {
    name:'userInfo',
    component:{
        Tree
    }
}
</script>

附上代码结构：

我觉得我调用的写法没有问题啊，但是一直显示不出来，是什么原因呢，我一开始以为是路由问题，但是写了个

11111

却能在页面上显示。

Answer 1

一步步排查问题，竟然不是你的userinfo出的问题，那再看看你的tree组件。在你的tree组件写些数据看看