синтаксис vue-class-component с машинописным текстом

Question

Пример на https://github.com/vuejs/vue-class-component (для синтаксиса компонента, нового в 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>

К сожалению, this.propMessageне найти. Как мне изменить синтаксис, чтобы его нашли?

Answer 1

Я бы предположил this.props.propMessage будет работать (но я не могу проверить это прямо сейчас), и вы, возможно, уже пробовали.

Я рекомендую вам использовать @Propдекоратор из https://github.com/kaorun343/vue-property-decorator, который обеспечивает более четкий синтаксис на длинном конце.

Это даст что-то вроде:

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

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

Удачи