vue -компонентный синтаксис с машинописью - PullRequest
Новая
       5

vue -компонентный синтаксис с машинописью

1 голос
/ 08 января 2020

Пример для 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 не может быть найден. Как мне изменить синтаксис, чтобы он был найден?

1 Ответ

3 голосов
/ 08 января 2020

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

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

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

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

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

Удачи

...