问题产生：
我在A页面引入 hidpi-canvas.js文件(大致作用就是操作canvas元素的)，
然后我切换到B页面后，B页面上引入的Monaco Editor组件，这时候在编辑器画布上编写就会出现问题(布局错乱)
原因：
A页面引入的 hidpi-canvas.js文件 造成的;按正常来说：A页面引入的文件只在A页面作用，可是我切换到B页面了，
那个js文件的作用还在，需要刷新一下页面才能正常使用；
标注 ：
项目是vue3，使用的 router-view 试过进入页面时刷新的方法了，由于刷新会影响使用体验，所以不考虑使用这个方法
引入文件是在A页面使用 import 引入的
有必要知道:
1. A页面需要引入这个文件hidpi-canvas.js ，但是B页面不需要这个文件，A页面引入后，
再切换B页面就会出现问题，且就是A页面引入的hidpi-canvas.js文件造成的
2. hidpi-canvas.js 是对页面上的 canvas元素做宽高控制， 由于B页面的 Monaco Editor
中正好也有canvas,所以B页面受到了这个hidpi-canvas.js文件的影响；
为什么B会受影响
