Vue Prop未定义，和/或无法在v-for上使用。使用typescript和decorator

嗯，我正在将Vue与typescript一起使用，并尝试将道具与v-for一起使用，但它不会呈现任何效果下面的代码

我尝试过使用computed props，还为列表提供了默认值，并在构造函数上创建了一个新的变量实例化，即使是在mounted上，但它只在实例化列表时起作用，如：

@Prop（）list！：字符串[]=['foo'，'bar']

我的代码给出了以下错误：“属性或方法‘列表’未在实例上定义，但在呈现期间被引用。”（它呈现菜单的样式，但不呈现列表）：

从“Vue属性装饰器”导入{Component，Vue}；
从“@/components/WindowMenu.vue”导入WindowMenu；
@组成部分({
组成部分：{
窗口菜单
}
})
导出默认类Home扩展Vue{}

{{item}

从“Vue属性装饰器”导入{Prop，Vue，Watch}；
导出默认类菜单扩展Vue{
@Prop（）私有列表！：字符串[]；
}

我解决了这个问题。错误是我没有使用@Component decorator，然后Vue无法编译道具代码固定在下面

<script lang="ts">
import { Prop, Vue, Component} from "vue-property-decorator";

@Component
export default class Menu extends Vue {
  @Prop() private list!: string[];
}
</script>

从“Vue属性装饰器”导入{Prop，Vue，Component}；
@组成部分
导出默认类菜单扩展Vue{
@Prop（）私有列表！：字符串[]；
}

我解决了这个问题。错误是我没有使用@Component decorator，然后Vue无法编译道具代码固定在下面

<script lang="ts">
import { Prop, Vue, Component} from "vue-property-decorator";

@Component
export default class Menu extends Vue {
  @Prop() private list!: string[];
}
</script>

从“Vue属性装饰器”导入{Prop，Vue，Component}；
@组成部分
导出默认类菜单扩展Vue{
@Prop（）私有列表！：字符串[]；
}

您的组件已作为

窗口菜单导入

，但您的模板已导入

。尝试使用

或

我在编辑问题时删除了“窗口”，但它在代码上是正确的。我的错，我要修复它。您的组件已作为

WindowMenu

导入，但您的模板已

。尝试使用

或

我在编辑问题时删除了“窗口”，但它在代码上是正确的。我的错，我会解决的。

<script lang="ts">
import { Prop, Vue, Component} from "vue-property-decorator";

@Component
export default class Menu extends Vue {
  @Prop() private list!: string[];
}
</script>