title: How to retrive the data from a nasted JSON FireBase Database using Vue.js?
body: <p>I have one problem and cannot retrive the data from my FireBase database using Vue.js.</p>
  
  <p>I want to retrive specific field message and timestamp.
  Moreover, name and email of userModel.
  By knowing that, I believe I could figure it out how to retrive other too.</p>
  
  <p>I have done successfull with simple database.</p>
  
  <p>But, after I tried to do it on my real database with nasted code using v-for and keys, it was unsuccessfull because I do not know the exact code to write inside the <code>&lt;script&gt;</code> tag.</p>
  
  <p>Moreover, I believe this can be done with a loop, foreach and then have to concatenate to get the correct data from the field in JSON tree like the stated below?</p>
  
  <p>Knowing the FireBase config, all is good setup. I can login to my call it "Dashboard".
  On the dashboard, I would like to only get and display the data in the HTML <code>&lt;table&gt;</code> tag.</p>
  
  <p>My JSON looks like this:</p>
  
  <pre><code>{
    "chatmodel" : {
      "-LeZnCBPC7FvqMeIfw_Y" : {
        "file" : {
          "name_file" : "some_file.jpg",
          "size_file" : "5332138",
          "type" : "img",
          "url_file" : "https://firebasestorage.googleapis.com/v0/b/xmnovimarof.appspot.com/o/images%2F2019-05-11_045028camera.jpg_camera?alt=media&amp;token=5e13c9be-b6a5-43cb-a4ed-725148d8d3de"
        },
        "message" : "",
        "timeStamp" : "1557543050279",
        "userModel" : {
          "email" : "user@gmail.com",
          "id" : "pQe9H83cxDd8hFu6bFzzt7M5YT12",
          "name" : "First Last Name",
          "phoneNumber" : "+385123456789",
          "photo_profile" : "https://lh4.googleusercontent.com/-Tf1LtwPEmHI/AAAAAAAAAAI/AAAAAAAANnw/fEXJ05bKSPc/s96-c/photo.jpg"
        }
      },
      "-LeZnGUXcNhSYzZeGJWk" : {
        "mapModel" : {
          "latitude" : "46.31",
          "longitude" : "16.33"
        },
        "timeStamp" : "1557543067886",
        "userModel" : {
          "email" : "user@gmail.com",
          "id" : "pQe9H83cxDd8hFu6bFzzt7M5YT12",
          "name" : "First Last Name",
          "phoneNumber" : "+385123456789",
          "photo_profile" : "https://lh4.googleusercontent.com/-Tf1LtwPEmHI/AAAAAAAAAAI/AAAAAAAANnw/fEXJ05bKSPc/s96-c/photo.jpg"
        }
      },
      "-LeZnNJL27r5NHB8gYzt" : {
        "message" : "This is a text test message.",
        "timeStamp" : "1557543095843",
        "userModel" : {
          "email" : "user@gmail.com",
          "id" : "pQe9H83cxDd8hFu6bFzzt7M5YT12",
          "name" : "First Last Name",
          "phoneNumber" : "+385123456789",
          "photo_profile" : "https://lh4.googleusercontent.com/-Tf1LtwPEmHI/AAAAAAAAAAI/AAAAAAAANnw/fEXJ05bKSPc/s96-c/photo.jpg"
        }
      }
    }
  }
  </code></pre>
  
  <p>I am a bit of confused which code should I use inside my <code>&lt;template&gt;</code> and <code>&lt;script&gt;</code> tag.</p>
  
  <p>I only need to get the data from this kind database (it has more items like that). I do not need to edit or delete it.</p>
  
  <p>Thank you for any advance and provided help.</p>