vue中无法使用index.html中js文件的变量

 在某js中使用window定义对象变量，使用html引入这个js文件，则本html中的script可以直接使用这个window定义的变量。但是vue文件不可以直接使用，需要重新定义：const  a = window.变量名    才能获取

draw.js中：
window.draw = new Draw();

1. 在index.html中：
console.log(draw)   // new Draw();
2. 在index.html中：
window.a = new Draw();
console.log(a)  // new Draw();

1. 在vue文件中：
console.log(draw)   //undefined
2. 在vue文件中：
window.b = new Draw();
console.log(b)   //  Draw undefined;
3. 在vue文件中：
const   b =  window.draw;  
console.log(b)  // new Draw();

也就是说，vue文件可以使用其他js文件定义的window变量，但是需要window.draw才能调用；但是vue文件不可以使用其他js文件定义的类，不可以new  classname(); 
这个原因其实是，在index.js文件中共同引入的js文件可以互相使用对方的变量；vue文件是不可以使用index.js中引入的js文件的变量的，如果vue想要使用的话，需要在自己项目中import进来才可以。或者在其他js文件中将变量定义为window全局变量，然后在vue中利用window.变量名调用。
 

但是有些js文件是无法被vue引入的，这些js因为没有export所以无法import。所以如果vue想要使用还是需要把这些js文件放在index.html，然后需要。还有一种方式，可以在index.html引入js文件，然后在main.js中写：

var draw=  window.Draw;
Vue.prototype.draw = draw ；
在所有vue文件中都可以使用：
import    Vue from "vue"; 
Vue.draw.func();