Vue引进外面的script 怎么引入？

Question

Vue引进外面的script 怎么引入？

我有一段这下面的代码，我想引入到vue的项目中，请问怎么引入呢？

<script src="https://www.abcx.com/api/chec...;></script>

我们的组件是有:

<style>
...
</style>

<template>
...
</template>

<script>
...
</script>

请问在哪里可以引入我上面的script呢？

Answer 1

vue-cli脚手架项目? 直接在index.html 里面引入 其他组件是可以访问的

Answer 2

var elem = document.createElement("script");
elem.src = url;
document.body.appendChild(elem);
elem.onload = elem.onreadystatechange = function () {
    if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") {
        if (callback) {
           callback();
        }
    }
}

Answer 3

可以直接在你根目录的index.html里面<script src="https://www.abcx.com/api/chec...;></script>这样引入，组件中是可以直接访问到你的引入的那个依赖的，因为它是全局加载的。
就像百度地图的依赖，就是直接在index.html引入的。

Answer 4

import xxx from 'xxx.js' ???

Answer 5

使用脚手架直接import吧 你

Answer 6

import 'https://www.abcx.com/api/chec...'

Answer 7

index.html 里面引入

Answer 8

inport并不见得是一个很好的方案。。。
其实这种问题最好去看看npm有没有对应的库，如果是自己写的第三方库，那么最好把他封装成es6的module或者CommonmJs，这样就以进行inport跟requier了。
但是如果引入的第三方库的模块化不够好。
那么还是直接在index.html中通过标签使用比较好
注意看要使用的模块是什么格式的吧。