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

时间:2019-09-12 07:28:57

标签: typescript vue.js vuejs2 vue-component vue-class-components

我在TypeScript组件文件中发现一个错误,该错误不存在道具,但我完全按照vue-class-component documentation示例中的说明声明了道具。

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

我该如何解决?

screenshot of error

1 个答案:

答案 0 :(得分:1)

您链接的文档指出:

  

以下是用Babel编写的示例。如果要查找TypeScript版本,请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>