typescript - vue-class-component 中的类型不存在属性

Question

我在我的 TypeScript 组件文件中收到一个错误，指出 Prop 不存在，但我完全按照 vue-class-component documentation 中的描述声明了 Prop 。例子。

Property 'propMessage' does not exist on type 'MyComponent'.Vetur(2339)

我该如何解决？

Answer 1

您链接的文档指出:

Following is the example written in Babel. If you are looking for TypeScript version, it's in the example directory.

例子:

<script lang="ts">
    import Vue from 'vue';
    import { Component } from 'vue-class-component';

    const AppProps = Vue.extend({
      props: {
        propMessage: String
      }
    })

    @Component
    export default class YourComponent extends AppProps {

        get something() {
            return this.propMessage;
        }
    }
</script>