H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

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

回答:

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

回答:

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

回答:

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

回答:

你可以这样试试
第一步
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重启服务器

回答:

我是说本来就支持路径,本来也是外链。至于你说的本地./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;

回答:

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

本文地址:H5W3 » vue单页面文件中怎么引用外部链接中的js方法

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址