title: Vue2.0 unaccessible variable
body: <p>I've am new at Vue and i've got a problem with unaccessible. I've got two files.</p>
  
  <p>1st is App.vue where is defined <code>&lt;router-view&gt;</code></p>
  
  <pre><code>&lt;script&gt;
  
  export default {
    name: 'app',
    data(){
      return{
        info: false,
      }
    },
    beforeMount(){
          example...
          this.info= true
          this.$router.push('/main'); //where in router-view visible is component Main.vue
  
        }
    }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>2nd is component Main.vue which is clear:</p>
  
  <pre><code>&lt;script&gt;
  export default{
      name: 'main',
      data(){
          return{
  
          }
      },
      beforeMount(){
          //what i want to do:
          console.log(App.data().info) //here should be visible true in console log
      } 
  }
  </code></pre>
  
  <p>i would like to have accessible in 2nd file the property from file number one. How to do it properly? Thank you in advance
      </p>