Call a method from App.vue located on an open page

[timoshechkin]

Hello!
How to call a method from App.vu located in the current open page. Opening pages is done using vue-router?

I tried using ref link by adding it to the page code:

My page appeals_out.vue:

    <template>
      <div ref="appeals_out">
      ...
      </div>
    </template>
    <script>
      export default {
        data: () => ({
         methods:{
           openFormViewAppeal(id) {...}
         }
      })
    }
    </script>

My App.vue:

    <template>
        <v-app>
          ...
          <router-view></router-view>
          ...
        </v-app>
    </template>
    <script>
    export default {
      data() {
        return{...}
      },
      methods:{
        openObject(object_id, object_type){
           var appeals_out = this.$refs.appeals_out
           console.log('appeals_out: ',appeals_out)        // -> appeals_out: undefined
           appeals_out.openFormViewAppeal(object_id)
        }
    }
    </script>

But when accessing the page component by ref, I get undefined:

vue 2.6.14
vue-router 3.5.1