Встречается на собеседованиях • сегодня

Почему методы жизненного цикла во Vue нельзя писать через стрелочную функцию

Стрелочные функции не имеют собственного контекста this, они наследуют его из окружающего контекста. В Vue методы жизненного цикла (created, mounted и др.) должны иметь доступ к экземпляру компонента через this. Если использовать стрелочную функцию, this будет указывать не на экземпляр Vue, а на внешний контекст (например, window или undefined в strict mode).

Пример:

javascript
// Неправильно - this будет undefined
created: () => {
  console.log(this); // undefined
}

// Правильно - обычная функция
created() {
  console.log(this); // экземпляр Vue
}

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

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы