vue引用外部JS的两种种方法

网络编程 2025/1/23 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

前言

肯定会遇到没有npm化的库

自己写的js 方法

在Vue中该怎么引用呢

第一种如果库是es6写的就可以用import 引入

比如我自己写的http 封装接口的方法

就可以这样子导入哦

第二种是jquery的库可以在静态资源导入（或者是cdn资源加载）

我是vue-cli 3.0 基础之上架构的

把squire这个富文本框放进public文件下面在index.html中这样子引用

Fannie式总结

自己封装方法就采用es6方法这样方便

第三方原生js 或者是jq的插件

直接cdn 这种也是可以的哦或者是静态资源加载但是也要注意cdn这个链接资源的稳定性

ps：下面看下Vue.js 引入外部js方法

1、外部文件config.js

第一种写法

//常量的定义
const config = {
 baseurl:'http://172.16.114.5:8088/MGT2'
}
//函数的定义
function formatXml(text) {
　　return text
}
//导出 {常量名、函数名}
export {config,formatXml}

第二种写法

//常量的定义
export const config = {
 baseurl:'http://172.16.114.5:8088/MGT2'
}
//函数的定义
export function formatXml(text) {
　　return text
}

2、引入config.js里面的常量和方法

 import {config,formatXml} from '../config'//记得带上{}花括号

总结

以上所述是小编给大家介绍的vue引用外部JS的两种种方案，希望对大家有所帮助！

vue,引用外部js,vue,引用js

标签：

vue,引用外部js,vue,引用js

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“vue引用外部JS的两种种方法”

暂无vue引用外部JS的两种种方法的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2025年01月23日

vue引用外部JS的两种种方法

vue,引用外部js,vue,引用js

用js限制网页只在微信浏览器中打开(或者只能手机端访问)

Java Varargs 可变参数用法详解

评论“vue引用外部JS的两种种方法”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接