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

Question

我的 TypeScript 组件文件中出现一个错误，即 prop 不存在，但我完全按照vue-class-component文档示例中的描述声明了 prop。

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

我该如何解决？

Answer 1

您链接的文档指出：

以下是用 Babel 编写的示例。如果您正在寻找 TypeScript 版本，它位于示例目录中。

例子：

<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>