estoy tratando de declarle el valor de una respuesta de una solicitud a un array que está declarado en data, acá el código


    <script>
    import axios from 'axios'
    
    export default {
      name: 'Objects',
      data () {
        return {
          token: this.$q.sessionStorage.getItem('token'),
          objects: [],
          p: [
            {
              nombre: 'Andres'
            }
          ]
        }
      },
      methods: {
        refresh (done) {
          setTimeout(() => {
            this.get_objects()
            done()
          }, 1000)
        },
        get_objects () {
          // eslint-disable-next-line no-unused-vars
          var self = this
          axios.get('/Service/get_data?token=' + this.token)
            .then(function (response) {
              self.objects = response.data.resultado
            })
          console.log(self)
        }
      },
      mounted () {
        this.get_objects()
        console.log(this.objects)
      }
    }
    </script> 


lo que quiero es tomar ese array de datos que me trae la solitud y declararsela a un array que está definido dentro de data.

Pero me está mostrando el dato mal al igualarlo fuera de la promesa, lo que me imprime el console log es :

[![introducir la descripción de la imagen aquí][1]][1]


en la funcion mounted() el colocarle un console log a this.objects, la consola me muestra lo siguiente:

[![introducir la descripción de la imagen aquí][2]][2]


junto con éste error que no entiendo muy bien

[![introducir la descripción de la imagen aquí][3]][3]


  [1]: https://i.sstatic.net/CaRYF.png
  [2]: https://i.sstatic.net/Fob4j.png
  [3]: https://i.sstatic.net/TCjMV.png

Si alguien me puede ayudar, se lo agradecería bastante