I've am new at Vue and i've got a problem with unaccessible. I've got two files.

1st is App.vue where is defined `<router-view>`

```
<script>

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

      }
  }

</script>

```

2nd is component Main.vue which is clear:

```
<script>
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
    } 
}

```

i would like to have accessible in 2nd file the property from file number one. How to do it properly? Thank you in advance