vue引入js文件有哪几种方法(2)-木庄网络博客

2022-03-12 01:48:42 PHP中文网 JavaScript 百度已收录

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

1 2	`var` `THREE = window.THREEvar GLTFLoader = THREE.GLTFLoader` `Vue.prototype.THREE = THREE`

3.手动添加export

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

在JS库中：

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

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

1	`import realconsole from` `'./xxx'`

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

如下：

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

相关推荐：
2020年前端vue面试题大汇总（附答案）
vue教程推荐：2020最新的5个vue.js视频教程精选

更多编程相关知识，请访问：编程入门！！

以上就是vue引入js文件有哪几种方法的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者