Vue.js 带有typescript的vue类组件语法

上的示例（针对vuejs3中新增的组件语法），但我使用的是纯类型脚本，而不是babel。因此，我尝试：

<script lang="ts">
import Vue from "vue"
import Component from "vue-class-component"

@Component({
    props: {
        propMessage: String
    }
})
export default class MyComponent extends Vue {
    helloMsg = "Hello, " + this.propMessage

}
</script>

从“Vue”导入Vue
从“vue类组件”导入组件
@组成部分({
道具：{
propMessage:字符串
}
})
导出默认类MyComponent扩展Vue{
helloMsg=“你好，”+this.propMessage
}

---

很遗憾，

找不到此.propMessage

。我必须如何更改语法才能找到它？

我想

这个.props.propMessage将起作用（但我现在无法测试），您可能已经尝试过了

我建议您使用
@Prop
decorator，从中可以在长端提供更清晰的语法

它会给出类似于：

@Component
export default class MyComponent extends Vue {
    @Prop() propMessage !: string;

    helloMsg = "Hello, " + this.propMessage;
}

祝你好运
我想
这个.props.propMessage
会起作用（但我现在无法测试），你可能已经尝试过了

我建议您使用
@Prop
decorator，从中可以在长端提供更清晰的语法

它会给出类似于：

@Component
export default class MyComponent extends Vue {
    @Prop() propMessage !: string;

    helloMsg = "Hello, " + this.propMessage;
}

祝您好运
尽管有标签，但此问题与vuejs3无关。尽管有标签，此问题与vuejs3无关。