我需要使用脚本加载器动态加载VueJS,但我无法理解Vue为什么不初始化。
这是我简单的脚本加载器:
(function( w ){
var loadJS = function( src, cb ){
"use strict";
var ref = w.document.getElementsByTagName( "script" )[ 0 ];
var script = w.document.createElement( "script" );
script.src = src;
script.async = true;
ref.parentNode.insertBefore( script, ref );
if (cb && typeof(cb) === "function") {
script.onload = cb;
}
return script;
};
// commonjs
if( typeof module !== "undefined" ){
module.exports = loadJS;
}
else {
w.loadJS = loadJS;
}
}( typeof global !== "undefined" ? global : this ));
在浏览器控制台中,我使用以下命令调用脚本加载器:
loadJS('https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js')
我可以在网络面板中看到VueJS的请求,但是在控制台中输入Vue
会给我Uncaught ReferenceError: Vue is not defined
错误。
我可以使用相同的脚本加载器来加载其他库,但不能使用Vue。我感到困惑。