关于vue单页面应用中的监听浏览器窗口变化问题

问题：vue单页面窗口大小监听失效

• 需求
• 问题
• 解决方案

需求

最近公司有个大屏展示项目（如下图）
页面的元素需要做响应式监听，图表需要跟着窗口响应变化

问题

每一个图表都被我写成了一个组件，然后就在每一个组件里写了一串代码，监听浏览器变化
结果只有父组件的代码生效

mounted(){
   window.onresize = () => {  //当窗口发生改变时触发
	//
   };
}

解决方案

1、只在父页面写个监听，但是通过组件传值的方式传给子组件，并且子组件用watch监听传值的变化，响应改变
2、假如是多层组件嵌套，用vuex可能会更省力