vue中怎么引用外部JS中的变量

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中怎么引用外部JS中的变量相关的知识,希望对你有一定的参考价值。

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

vue文件里面怎么引用外部的js文件

    步骤:

    首先。我们要改造我们要映入的外部js文件,改成下面这个格式。主要是红色方块内部代码,我们需要将我们的模块“抛出”,让人能获取到以下及相应代码:

    其次,到我们的寄主那里,我们需要导入,仿造其他的文件,写法如下及相应代码:

    注意红色叉的部分,那是我们es5的写法,绿色才是正确的;接着是效果图:

    其他方法:直接@import就行了

<style>
@import "../../scss/retinaLine";
@import "../../scss/css3Module";
...
</style>

参考技术A 现在直接@import就行了

<style lang='sass'>
@import "../../scss/retinaLine";
@import "../../scss/css3Module";
...
</style>本回答被提问者和网友采纳
参考技术B 直接在<head></head>里面,常规地引入js文件

以上是关于vue中怎么引用外部JS中的变量的主要内容,如果未能解决你的问题,请参考以下文章

vue引用public中的js文件

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

在vue项目中 我引入外部js 但报错说在严格模式下删除局部变量,怎么解决,还有怎么能使用外部脚本

vue中使用cdn优化

Vue外部js引入做为全局变量

vue.js methods中的方法互相调用时变量的作用域是怎样的