vue单页面文件中怎么引用外部链接中的js方法

Question

我的前端项目是直接使用的vue脚手架，vue-cli构建的。目前只知道可以通过import 'xxx.js'文件的方式来引入某个js文件到.vue页面中，然后我想问问怎么引入外链呢？我试了下直接引入到index.html文件中，但是在单页面文件下（xxx.vue）好像访问不到链接里面的方法。。。
我指的外链是类似https://code.jquery.com/jquery-3.3.1.min.js这样的链接，合作方会实时更新的，所以只能通过引入链接的方式使用他们的js方法

Answer 1

在index.html里面head里面引用，然后在src目录下的main.js里面添加一句
Vue.prototype.xxx = xxx
其中xxx就是你外链的的js暴露的对象
用法：
this.xxx.alert('hahah')

Answer 2

可以啊，直接在index.html里写就行了

Answer 3

拉倒本地保存起来再引用，import解析成的require也只是在本地寻找资源。

Answer 4

你可以这样试试
第一步
npm install jquery --save

第二步
在build/webpack.base.conf.js里加入

var webpack = require("webpack")
第三步
同样build/webpack.base.conf.js中
在module.exports的最后加入
plugins: [

new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery",
    "windows.jQuery": "jquery"
})

]
第四步
在main.js 引入import $ from 'jquery'

第五步
npm run dev重启服务器

Answer 5

我是说本来就支持路径，本来也是外链。至于你说的本地./my-module.js其实是浏览器把http://url/加上去而已。。。

index.html

<script type="module">
import {foo} from "http://url/my-module.js";

console.log(foo)
</script>

my-module.js

export const foo = Math.PI + Math.SQRT2;

Answer 6

直接在 html 里引入不可以吗，我记得我之前引的 QQ 的地理位置解析的那个 js 就是这么直接引的啊(⊙o⊙)…