1、现在有一个js文件要放在cdn上。 这个js文件的内容如下 :var testArr = [{"a":1}]
2、我要在vue项目中使用这个变量(因为这个变量可能是经常变化的,但是不能变化一次就打包一次,所以将他放在cdn上,有使用的话直接改变cdn上的js文件,就不用上线项目了),
3.在vue中 声明引用这个变量的方法
export function importScript (path, success, error) {
var oS = document.createElement('script')
oS.src = path
document.getElementsByTagName('head')[0].appendChild(oS)
oS.onload = function () {
success && success()
}
oS.onerror = function () {
error && error()
}
}
4.在组件中使用
import {importScript} from 'api/sortAdver'
importScript("http://www.baidu.com/backstage/temp.js",data=>{console.log(testArr)})
5.说明 path是你要放的cdn地址,console.log(testArr)中的testArr就是你js文件中的变量,这样就可以使用了