Vuejs, Получить содержимое $ event.emit

Question

Я пытаюсь получить содержимое $ event.emit, как показано ниже. В первом файле console.log внутри функции находится содержимое. Выход из функции, а не console.log переменной.

mounted () {
  this.$events.on('emitEvent', function (eventData) {
    this.line = _.cloneDeep(eventData)
    console.log('1', this.line)
  })
  console.log('2', this.line)
}

Я использую этот пакет для обработки событий.

Answer 1

это должно работать:

this.$events.on('emitEvent', (eventData) => {
    this.line = _.cloneDeep(eventData)
    console.log('1', this.line)
  })
  console.log('2', this.line)
 }

Answer 2

Попробуйте сделать это так:

mounted() {
   var $that = this;

   this.$events.on('emitEvent', function (eventData) {
        $that.line = _.cloneDeep(eventData);
        console.log('1', $that.line);
   })

   console.log('2', this.line);
}