this === undefined

Question

    name: "BtnCertificate",
    props: ['certificate', 'show'],
    computed: {
        general_color_style: () => {
            console.log(this);
            return `background-color: red`
        }
    },
    created() {
        this.settings = this.$store.state.settings;
    },
    data: () => ({
        settings: null,
    })

Почему в computed this === undefined?

@Grundy, Вопрос не является дубликатом, так как есть решение специфичное для библиотеки Vue (отмеченной в метках вопроса). — yar85, Dec 03 '19 at 18:00
@yar85, конечно является дубликатом. — Grundy, Dec 03 '19 at 18:19

score 0 · Answer 1 · answered Dec 03 '19 at 16:49

Потому что это лямбда-функция, созданная в коде в строгом режиме, который либо является top-level-кодом, либо находится в функции имеющей undefined в качестве this.

score 0 · Accepted Answer · answered Dec 03 '19 at 17:25

Из официальной документации Vue:

Обратите внимание, при использовании стрелочной функции в определении вычисляемого свойства, this не будет указывать на экземпляр компонента, но к нему можно получить доступ из первого аргумента функции

Соответственно:

computed: {
  general_color_style: vm => {
    console.log(vm);
    return `background-color: red`;
  }
},

this === undefined

2 Answers2