Почему Vue выводит какой-то непонятный объект Proxy{}?

Question

[MarEeeeee]

Мой фетч запрос. Когда я пытаюсь вывести в консоль this.firstWindow там отображается объект Proxy. Что это такое?

И вопрос номер два. Требуется выполнить слудующий фрагмент кода this.firstDir = this.firstWindow[0].dir. Он закоментирован в представленном фрагменте, так как консоль выдает ошибку. Почему так происходит и как получить данные в переменную firtDir?

fetch('/1', {
    method: 'POST', // *GET, POST, PUT, DELETE, etc.
    mode: 'cors', // no-cors, *cors, same-origin    
    headers: {
       'Content-Type': 'application/json',
        'Accept': 'application/json'
    },
   
  })
    .then(response => response.json())    
    .then(json => this.firstWindow =  json.table)
    // .then(this.firstDir = this.firstWindow[0].dir)
    .then(json => console.log(json))
    .then(console.log(this.firstWindow))
   ;

Comments

[golentor]

1-e правило Джи-эс кодера - Если Вы вместо json строки с данными выводите из переменной непонятные объекты - Вы уже что-то делаете нетак)
Подозреваю, что Вы хотели вывести response)

[RokeAlvo]

1. Внутри then должна быть функция
2. То что вернёт эта функция попадёт в следующий блок then