vue项目引入外部原生js文件_php引入文件的四个方法

全栈程序员-站长 • 2022年10月8日下午2:36 • 未分类 • 阅读 0

vue项目引入外部原生js文件_php引入文件的四个方法在开发Vue项目的时候，有时需要使用一些非ES6格式的没有export的js库，可以有如下方法实现:1.在index.html页面使用script标签引入当然也可以使用cdn的地址。这样引入后的内容是全局的，可以在所有地方使用。<!DOCTYPEhtml><html> <head> <title>Map</title> <metacharset=”utf-8″> <meta

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

在开发Vue项目的时候，有时需要使用一些非ES6格式的没有export的js库，可以有如下方法实现:

1.在index.html页面使用script标签引入

当然也可以使用cdn的地址。这样引入后的内容是全局的，可以在所有地方使用。

<!DOCTYPE html>
 <html>
	<head>
      	<title>Map</title>
      	<meta charset="utf-8">
      	<meta name="viewport" content="width=device-width,initial-scale=1.0">
      	<link rel="shortcut icon" type="image/x-icon" href="./static/img/favicon.ico"/>
      	<script src='./static/libs/three/three.min.js'></script>
      	<script src="./static/libs/three/GLTFLoader.js"></script>
   	</head>
   <body>
     	<div id="app"></div>
     	<!-- built files will be auto injected -->
   </body>
</html>

2.在main.js中使用window.moduleName 使用

也可以放入Vue.prototype中，这样组件内都可以使用。

var THREE = window.THREE
var GLTFLoader = THREE.GLTFLoader
Vue.prototype.THREE = THREE

3.手动添加export

为js库中需要使用的方法放入export default { /**要导出的方法**/}，然后通过import {*} from 使用

在JS库中：

function realconsole(){ 
     
    alert("hello world!");  
}  
 export { 
     
     realconsole
 }

在需要使用JS库的组件中：

import realconsole from './xxx'

4. 使用import方式，把需要的js库中的方法挂载到全局

如下：

 import '@static/libs/GLTFLoader' 
 // 可以从全局获取导入的方法 
 let GLTFLoader = THREE.GLTFLoader

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/184559.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

MATLAB-梯度Roberts算子、拉普拉斯算子、Sobel算子、Prewitt算子对图像进行锐化

MATLAB-梯度Roberts算子、拉普拉斯算子、Sobel算子、Prewitt算子对图像进行锐化1.锐化1.锐化(Sharpening)：图像在传输或变换过程中（如未聚焦好）、受到各种干扰而退化，典型的是图像模糊，而图像的判读和识别中，常需突出目标的轮廓或边缘信息。2.边缘锐化：主要增强图像的轮廓边缘、细节（灰度跳变部分灰度跳变部分），以突出图像中景物的边缘或纹理，形成完整的物体边界，使边缘和轮廓模糊的图像清晰，又叫空域高通滤波（俗称为勾边处理）。从数学角度看，图像模糊相当于图像………

全栈程序员-站长
2022年10月30日
为何你会被强插广告/盗号？谈HTTPS连接的那些事

为何你会被强插广告/盗号？谈HTTPS连接的那些事相信很多朋友都遇到过网页被强插广告的情况，好端端一个干净的页面，动不动就被插了个屠龙宝刀点击就送的小窗口，看着就心烦。这种网页劫持强插广告的现象，在中国非常常见，往往是运营商进行HTTP劫持所造成的。对付这种劫持，一个很好的解决办法就是HTTPS。网页劫持很多人都有遇到过，HTTPS可以比较好地防范这问题HTTPS能够加密网页传输内容，不仅可以防…

全栈程序员-站长
2022年7月15日
vue django mysql_Python MySQL

vue django mysql_Python MySQL工作之余断断续续根据网上找到的教程进行环境搭建，搭建了多个。但是一直没有一个整体概念，到底该先做什么，后做什么，操作一步后，结果应该是怎样另外，网上的教程都是直接用命令行操作，用pycharm又应该怎么弄呢环境搭建好以后，应该怎么分目录结构，应该先从哪里的代码开始写，写了以后，又需要做哪些配置这些问题一直困扰着我，所以我决定边学边记录整理。也希望能帮助同为初学者的你少走一些…

全栈程序员-站长
2022年8月28日
关于tomcat闪退的问题的解决办法[通俗易懂]

关于tomcat闪退的问题的解决办法[通俗易懂]无论是从目录中双击startup.bat,还是利用cmd命令又或者利用shell命令启动tomcat,若出现闪退,均归为此问题.解决办法:先检查是否有8080端口被占用,绝大多数情况都是这个原因.windows打开cmd,输入命令netstat-ano|findstr8080,找到所有占用8080端口的进程,记住它们的pid序列号(最右边的数字).继续输入命令taskkill[\f]\pid要删除的pid号,如果不能结束进程,再输入\f在对应未知.输入命令netst

全栈程序员-站长
2022年5月23日
如何使用组策略来将 MaxTokenSize 注册表项添加到多台计算机

如何使用组策略来将 MaxTokenSize 注册表项添加到多台计算机

全栈程序员-站长
2021年8月16日
git clone 解决Permission Denied (publickey)问题

git clone 解决Permission Denied (publickey)问题原文地址：https://blog.csdn.net/sxg0205/article/details/81412921本地gitbash 使用gitclonegit@github.com:***.git方式下载github代码至本地时需要依赖sshkey，遇到权限不足问题时一般都是SSHkey失效或者SSHkey不存在，重新创建SSHkey一般就可以解决问题；步骤一、检查本地…

全栈程序员-站长
2022年7月21日

发表回复

关注全栈程序员社区公众号