Typescript Vue.js缺少必需的属性

我只是从Vue.js开始，所以我可能错过了一些显而易见的东西。为了练习自己，我试着做一个简单的treeView组件（带有一个子组件“treeView Item”）。我在树视图上只有一个属性，即项目列表：

项目

下面是treeView组件：

@Component
export default class treeView extends Vue {
    @Prop({
        required: true
    })
    items!: treeViewItemOptions[];
}

我对“Vue”进行了如下初始化：

let v = new Vue({
    el: "#app",
    template: `
    <div>
        <tree-view :items="items" />
    </div>
    `,
    data: {
        items: treeViewItems
    }
});

我没有得到任何关于“items”属性的错误，我甚至看到在html代码中生成了一些

，因此

项

可以工作，只是在我使用

TreeItem

组件时没有

这里是另一个组成部分：

@Component
export default class treeViewItem extends Vue {
    @Prop({
        required: true
    })
    item!: treeViewItemOptions[];    
}

---

我发现问题，子组件导入了错误的ts文件：

<script lang="ts">
    import treeViewItem from './treeView';
    export default treeViewItem;
</script>

从“/treeView”导入树视图项；
导出默认树视图项；

而不是

<script lang="ts">
    import treeViewItem from './treeViewItem';
    export default treeViewItem;
</script>

从“/treeViewItem”导入treeViewItem；
导出默认树视图项；

---

该死的，复制粘贴

您是否尝试将数据更改为函数<代码>数据（）{return{items:treeViewItems}？检查

treeViewItems

是否有数据。是否确定

items！：

不应该是

项：

而是？@ittus是的，我用同样的方法尝试了一个函数result@gypsyCoder是的，我只有一个测试程序，

treevieItems

变量在创建

Vue

<script lang="ts">
    import treeViewItem from './treeViewItem';
    export default treeViewItem;
</script>