A页面引入的.js文件，为什么在B页面生效

问题产生：

     我在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会受影响

就是你设置元素使用的名，b页面也在用就会互相使用，就不要用canvas来做宽度控制，另外定义一个，如果你用element之类的js他里面的这种名最好不要用来设置为样式名，在别的页面也会冲突