vue父子组件如何同时触发window.onresize？

Question

APP.vue里面使用了mounted contact组件里面也使用了mounted 我首页设置的是/home 在首页改变大小会弹出1 如果在切换到/contact下只能弹2 我想在子组件contact中改变大小时同时让1也弹出来应该怎么办呢？下面这样的布局下能做到吗？

PS：后来我发现一个现象 就是我把contact组件中的mounted去掉 当再切换到组件contact中改变大小时App.vue里面的mounted就能生效了 可以弹出1 但是两个mounted为什么不能同时生效？
App.vue

<template>
  <div id="app">
    <div class="nav">
      <span><router-link to="/home">首页</router-link></span>
      <span><router-link to="/product">产品</router-link></span>
      <span><router-link to="/contact">联系</router-link></span>
    </div>
    <div class="views">
      <router-view/>
    </div>
  </div></template>mounted () {
    window.onresize = () => {
      return (() => {
        alert(1)
      })()
    }
}

contact.vue

mounted () {    window.onresize = () => {      return (() => {
        alert(2)
      })()
    }
}

Answer 1

addEventListener