vue组件中引入js文件并使用?

VUE引用外部js,并使用其中的变量/方法

目前项目有个需求就是,在vue页面中枝乎塌引入额外的config.js。常规引入有以下几种方法:

1.main.js直接引用

2.index.html中标签引用

3.import引入

以上不符合我们业务需求,所以整理了第四种方式:通过组猛圆件,定义为script标签引入外部js

4.1-这个写法不太便于理解,我没有使用

4.2-我使用的方法

使用:

能看到已经被加载:

给个点击事件输出一顷漏下看看

完美

vue组件中引入js文件并使用?  第1张

vue引用并使用本地js(局部引用,全局引用)

common.js 文件

common.js 文件

common.js 文件

common.js 文件

common.js 文件

main.js 文件

common.js 文件卖销绝

main.js 文斗改件

common.js 文件

main.js 文件

common.js 文件

main.js 文件

vue中引中姿入在线JS(链接型的js、url类型的js)

vue项目中引用并使用本地js

Vue批量全局引入js及对应方法

在正确位置创建自己的js文件,比如src下创建一个utils.js文件携链

里面创建多个方法,比如:parseTime、getFileType

在 main.js 中引入,雀族添加

在需要用到的组件中顷隐弊,果断抽出来遛一遛

let fileType = this.$utils.getFileType(this.fileUrl)

以上内容为新媒号(sinv.com.cn)为大家提供!新媒号,坚持更新大家所需的前端知识。希望您喜欢!

版权申明:新媒号所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023-09-23 12:49
下一篇 2023-09-23 12:49

相关推荐

发表回复

登录后才能评论