【Vue2】引入本地原生JS文件

这篇具有很好参考价值的文章主要介绍了【Vue2】引入本地原生JS文件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

引入本地原生JS文件

日常开发的时候,第一个想法肯定是找现有的插件进行开发,在项目中npm install xxx 插件即可。但是也有无法使用的插件的情况,就需要我们引用我们本地的原生js。

自己写的文件或者别人的插件都可以通过下面的方式修改成vue能够识别的js。

字符操作文件 utils/str.js

function reverseString(str) {
    return str.reverse(); 
}

 在函数function 前面添加 export。

export function reverseString(str) {
    return str.reverse(); 
}

 index.vue文章来源地址https://www.toymoban.com/news/detail-567910.html

import { reverseString } form '@/utils/str.js
created() {
  var str = reverseString('1234');
  console.log(str)
}

到了这里,关于【Vue2】引入本地原生JS文件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Vue 组件中如何引入外部的js文件

    在Vue中,通常我们引入一个js插件都是使用 npm  方式下载然后 import 使用的。但是我现在本地有了js文件或者是一个远程js文件链接,我不想使用 npm install xxx  的方式,有什么办法吗? 简单粗暴,直接在Vue项目的 index.html  中使用全局的方式引入,比如: 缺点: 不使用该js插

    2024年02月08日
    浏览(68)
  • 【Three.js】vue2导入pcd文件 PCDLoader

    a. TypeError: Cannot read properties of null (reading \\\'1\\\')     at parseHeader (PCDLoader.js?edd4:119:1)     at PCDLoader.parse (PCDLoader.js?edd4:226:1)     at Object.eval [as onLoad] (PCDLoader.js?edd4:34:1)     at XMLHttpRequest.eval (three.module.js?5a89:34770:1) b. GET http://localhost:8080/public/Zaghetto 404 (Not Found) 两者本质同个问题,

    2024年02月08日
    浏览(43)
  • Vue 组件中如何引入外部的js文件 的10种方法

    在Vue组件的 script 标签中使用 import 语句引入外部的JavaScript文件,适用于单个组件需要使用外部JavaScript文件的情况。这种方法可以在编译时静态地引入外部文件,并且可以通过 import 语句的路径指定具体的文件位置。 在Vue组件的 script 标签中使用 require 方法引入外部的JavaScr

    2024年02月10日
    浏览(47)
  • Vue 2和Vue 3路由Router创建的区别简记(在main.js文件中引入的区别和router的js文件中创建语法的区别)

    1、版本的搭配: Vue 2到Vue 3的改版升级,同样的带来Vue Router的升级。创建Vue项目之后,我们可以在package.json文件中看到,Vue 2创建的项目往往是与Vue Router 3.X版本搭配的,而Vue 3创建的项目与Vue Router 4.X版本搭配。 Vue 3搭配Vue Router 4.X版本: Vue 2搭配Vue Router3.X版本: 2、在main

    2024年02月08日
    浏览(60)
  • Uni App + Vue3 引入高德小程序插件Js文件失败

      使用uni app模板开发微信小程序过程中引入高德地图小程序插件失败, 由于本人是第一次使用vue开发对vue2和3的模块引入方式并不甚了解,官方文档也并未提及所以踩了坑,特记录一下, 先看代码: 根据官方文档这里引入js插件后即可在onload函数实例化一个AMapWX对象 这里实

    2024年02月10日
    浏览(55)
  • vue3+ts import引入第三方js文件报错解决方法

    报错原因 :执行 import XXX from ‘XXX.js’ 报错,The requested module ‘xxx.js’ does not provide an export named ‘default’ 可能是第三方文件不支持模块化标准,不能按需导入 解决方案 : 第一种方法 : 在index.html里利用script全局引入 第二种方法 : 在所需的.vue文件里单独引入,最后在hea

    2024年02月16日
    浏览(59)
  • vue3+vite在main.ts或者main.js文件中引入/App.vue报错(/App.vue不是模块)

    vue3报错提示 找不到模块“/App.vue”或其相应的类型声明 在使用 vue3➕vite➕ts 或者 js 搭建前端框架时,在 main.ts 或者 main.js 中引入 /App.vue 报错。报错内容为 /App.vue不是模块 。下面我们分 vue3+js 和 vue3+ts 两种情况讨论,给出相应的解决方案。 报错显示 : 报错原因 :javascrip

    2024年01月25日
    浏览(69)
  • uniapp(vue3) - 微信小程序平台使用import引入外部js文件出现undefined,正常引入js文件(sdk插件)文件路径正确但console.log控制台打印时却是undefined

    注:uniapp 小程序平台! 在使用 uniapp 微信小程序端导入 SDK 的过程中,您可能会遇到这样的情况: 使用 console.log() 打印导入的模块名称时,实际输出的名称并不是您期望的名称。这是因为 uniapp 进行了编译和打包处理后,会将代码重新命名以减小文件大小和提高执行效率,包

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

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

    2024年02月06日
    浏览(57)
  • vue+pdf.js预览本地pdf文件(可以复制文本,滚动页码展示)

    1、安装pdfjs-dist插件,推荐使用2.0.943这个版本 2、页面中引入使用 3、页面标签 3、解析pdf,获取pdf所有页数据,使用canvas渲染,并使用TextLayerBuilder创建文本层,可以复制文本信息 在渲染pdf数据时,当pdf文件很大渲染量很多时,会导致页面卡住,无法执行其他操作;这涉及到

    2024年01月21日
    浏览(52)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包