title: Firebase Data Read Problem When Reload Page - Vue.js
body: <p>I am trying to create profile page for users. </p>
  
  <p>I created login/register pages and I am using firebase auth. When I tried to fetch users data, everything works fine but if the profile page is reloaded, I can not see any data. (I need to go somewhere else first, then come back profile page, everything is ok again.) </p>
  
  <p>I am using vue.js, kinda new in both technologies.</p>
  
  <p>I tried to understand lifecycles (&amp; also tried every options) but I could not solve the problem. </p>
  
  <pre><code>&lt;template&gt;
  &lt;div&gt;
      &lt;h2&gt;Profile&lt;/h2&gt;
      &lt;h6&gt;&lt;b&gt;User Name:&lt;/b&gt; {{details.name}} &lt;/h6&gt;
      &lt;h6&gt;&lt;b&gt;User Email:&lt;/b&gt; {{details.email}} &lt;/h6&gt;
      &lt;h6&gt;&lt;b&gt;User photoUrl:&lt;/b&gt; {{details.photoUrl}} &lt;/h6&gt;
      &lt;h6&gt;&lt;b&gt;User uid:&lt;/b&gt; {{details.uid}} &lt;/h6&gt;
      &lt;h6&gt;&lt;b&gt;User EmailVerified:&lt;/b&gt; {{details.emailVerified}} &lt;/h6&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import firebase from 'firebase'
  
      export default {
          data() {
              return {
                  user: firebase.auth().currentUser,
                  details: {
                      name: '', 
                      email: '', 
                      photoUrl: '', 
                      uid: '', 
                      emailVerified: ''
                  }
              }
          },
          created(){
              if(this.user){
                  console.log('There is a user')
                  this.details.name = this.user.displayName,
                  this.details.email = this.user.email,
                  this.details.photoUrl = this.user.photoURL,
                  this.details.emailVerified = this.user.emailVerified,
                  this.details.uid = this.user.uid
  
              } else {
                  console.log('No user')
              }
          },
          methods: {
  
          },
      }
  &lt;/script&gt;
  </code></pre>