vue项目中引用外部js文件的方式

这篇具有很好参考价值的文章主要介绍了vue项目中引用外部js文件的方式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

最近项目中有一个功能,需要引用多个外部的js。首先将这些文件加入项目的某个位置的文件夹内。引用的这些js的格式还不一致,就简单粗暴的使用了(局部使用,因为只在某个页面应该)。

1.比如jquery.min.js

该文件中内容类似:

!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}...

在你需要引用该jquery处直接使用以下代码:

import jQuery from './jquery.min.js'

2.有些js是以如下代码结尾:

...
...(window,document);

使用该文件则直接使用一下代码:

import './xxx.js'

3.里面定义了某些方法,你需要使用这些方法的js的文件,则将要使用的方法export出来

function a(){
    ...
}
function b(){
    ...
}

export {a, b}

然后在引用处使用:

import {a ,b} from 'xx.js'

        以上方面基本上就可以解决局部使用某些外部js的问题。文章来源地址https://www.toymoban.com/news/detail-740164.html

到了这里,关于vue项目中引用外部js文件的方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 小程序引入外部js文件

    util.js文件 调用 common.js文件 调用

    2024年02月11日
    浏览(9)
  • 058:vue组件引用外部js的方法

    058:vue组件引用外部js的方法

    第058个 查看专栏目录: VUE ------ element UI 在vue和element UI联合技术栈的操控下,本专栏提供行之有效的源代码示例和信息点介绍,做到灵活运用。 (1)提供vue2的一些基本操作:安装、引用,模板使用,computed,watch,生命周期(beforeCreate,created,beforeMount,mounted, beforeUpdate,upda

    2024年02月03日
    浏览(9)
  • vue3项目引入本地js文件,实现一个音频播放按钮

    vue3项目引入本地js文件,实现一个音频播放按钮

    目前有一个需求就是在网页上放置一个音乐控制按钮,并且是在vue3项目里面。于是小白的我遇到了2个问题,第一个问题是如何实现没有进度条的播放按钮,这个网上有现成的代码,可以通过js代码切换不同的图片或者是别的样式,并不算难;第二个问题是如何在vue3项目中引

    2024年02月19日
    浏览(40)
  • 引入JavaScript文件的5种方式

    在HTML文件中,可以使用以下5种方式引入JavaScript文件: 在HTML的 script 标签中直接编写JavaScript代码。 示例: 将JavaScript代码保存为一个独立的文件,并通过 src 属性链接到HTML文件中。 示例: 在HTML文件中使用 script 标签并将JavaScript代码放在其中,但不指定外部文件路径。 示例

    2024年01月21日
    浏览(8)
  • vue项目中,动态src引入图片,并且js根据文件名后缀,判断文件图片、视频、文档、pdf等类型的方法

    vue根据文件地址,获取后缀,根据后缀判断类型,然后根据类型动态展示不同类型的照片 1、处理后缀,根据后缀判断类型   2、根据返回的结果,直接将文件名命名为返回的结果,比如我有个图片类型的文件,经过上述的方法,返回的是image,那我直接要显示的图片名称就为

    2024年02月06日
    浏览(32)
  • Vue3:组合式函数(引入外部ts文件,修改外部ts参数)

    Vue3:组合式函数(引入外部ts文件,修改外部ts参数)

            在 Vue 应用的概念中,“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用 有状态逻辑 的函数。更为复杂的业务逻辑可以使用store来处理         vue3中不在推荐使用mixins,在 Vue 2 中,mixins 是创建可重用组件逻辑的主要方式。尽管在 Vue 3 中保留

    2024年02月15日
    浏览(38)
  • Vite + Vue3 +Vant4构建项目时,按需引入使用Toast组件,引用 showToast 时出现编译报错的解决方案

    Vite + Vue3 +Vant4构建项目时,按需引入使用Toast组件,引用 showToast 时出现编译报错的解决方案

    一.问题定位 在Vite + Vue3 +Vant4构建项目时,需要使用Toast组件显示提示信息,按照官方文档使用函数调用 使用后直接报错,说是找不到对应的样式文件(如下图): 在项目中查找node-moudles文件,确实没有找到,只有一个toast文件(如下图): 在百度搜索解决方法,说是需要单

    2024年01月17日
    浏览(43)
  • uniapp引入全局js,vue2/vue3不同方式引入

    uniapp引入全局js,vue2/vue3不同方式引入

    Hi I’m Shendi uniapp引入全局js,vue2/vue3不同方式引入 最近写小程序,个人开发,选用了 uni-app 进行开发 选用的 vue3 版本 因为我用的 vue3 版本,在这里踩了没学过vue3的坑,用vue2引入全局js的方式使用,导致undefined… Vue2 版引入全局js的方法如下 将js放到项目内,一般放到自建的

    2024年02月03日
    浏览(18)
  • vue3+vite+js 引用public文件夹中js文件

    1、/public/ep.js 2、页面入口index.html         在head中引入js文件 3、其他页面使用

    2024年02月15日
    浏览(27)
  • 【Vue2】引入本地原生JS文件

    日常开发的时候,第一个想法肯定是找现有的插件进行开发,在项目中npm install xxx 插件即可。但是也有无法使用的插件的情况,就需要我们引用我们本地的原生js。 自己写的文件或者别人的插件都可以通过下面的方式修改成vue能够识别的js。 字符操作文件 utils/str.js  在函数

    2024年02月16日
    浏览(14)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包