Как читать данные из экземпляра Vue

Question

Учитывая следующий фрагмент кода:

 var title,description,lng,lat,identifier;
 const details = new Vue({
     el: '#detailsLOC',
     data: {
  resultsONE: [],
  resultsImages: [],
  GeoJsonONE: []
 },
 mounted() {
 axios.all([
     axios.get('/getJsonDetails'),
     axios.get('/getJsonDetailsImages'),
   ]).then(axios.spread((response1,response2) => {
    this.resultsONE = response1.data;
    this.resultsImages = response2.data;
    title = this.resultsONE.title;
    description = this.resultsONE.preview_description;
    lng = this.resultsONE.location_lng;
    lat = this.resultsONE.location_lat;
    identifier = this.resultsONE.identifier;
   })).catch( e => {
   console.log(e);
    document.getElementById("app1").style.display = "none";
    document.getElementById("app2").style.display = "none";
    document.getElementById("app3").style.display = "";
 });
 }
 });

Я хочу передать / получить / прочитать данные из resultsONE и сохранить их вне экземпляра Vue (и сохранить их в моем примере в этих переменных lng,лат, название, ...).Оба axios.get действительны и отлично работают.Можете ли вы помочь мне, пожалуйста?

Answer 1

Вы можете получить доступ к data объекту экземпляра vue, обратившись к instance.$data.
Vue instace, подобному этому:

var foo = new Vue({
el: "#app",
data() {
  return {
    bar: "inside data"
  };
},

можно получить с помощью foo.$data.bar.

Полный пример: https://codesandbox.io/s/4wwoxzow97