Почему теряется контекст при вызове объекта во Vue.js?

Question

[vetsmen]

Компонент:

export default {
	name: 'history',
	data: () => {
		return {
			senders: [1]
		}
	},
	sockets: {
		onHistory: (items) => {
			console.log(this.senders);
		}
	}
}

Событие сокета вызывается, однако в консоль выводится undefined при попытке получить данные из data. Почему? Что я делаю не так?

Answer 1

[Mikhail Osher]

Попробуйте написать обычную функцию, а не стрелочную.
И вдобавок почитайте, в каких случаях следует применять стрелочные функции.