vue项目中插入外部js

JavaScript016

vue项目中插入外部js,第1张

script1.onload要在页面加载js之前写

···

const centerRotationAd = document.getElementById("centerRotationAd")

···

步骤：

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

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

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

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

<style>

@import "../../scss/retinaLine"

@import "../../scss/css3Module"

...

</style>

vue cli使用script引入js时，需要在index.html中插入script标签，然后在webpack.base.conf.js的externals定义对应的key，然后在组件中使用时可以通过require的方式引入。