VUE引用外部js,并使用其中的变量方法

JavaScript021

VUE引用外部js,并使用其中的变量方法,第1张

目前项目有个需求就是,在vue页面中引入额外的config.js。常规引入有以下几种方法:

1.main.js直接引用

2.index.html中标签引用

3.import引入

以上不符合我们业务需求,所以整理了第四种方式:通过组件,定义为script标签引入外部js

4.1-这个写法不太便于理解,我没有使用

4.2-我使用的方法

使用:

能看到已经被加载:

给个点击事件输出一下看看

完美

vue-loader么... 如果是vue-loader可以通过 require来引入就可以 比如Js文件写到assets/js中 在main.js中可以 require('./src/assets/xxx.js') 如果只是单页面html,可以直接引入就行了