Vue中引入外部的js文件

问题描述

在使用threejs的时候，我需要用到一个transformSVGPath()函数，这个函数是别人写好了的。

function transformSVGPath(){
// 函数内容
}

我想用import的方法在Vue组件中使用这个函数。

解决方法

1.引入一个函数

function transformSVGPath(){
// 函数内容
}
export{
	transformSVGPath
}

在需要引用的地方使用import

import {transformSVGPath} from './assets/js/SVGtoThreejs.js'

需要注意的是这个地方的{}一定不能省。

2.引入多个函数

function transformSVGPath(){
// 函数内容
}
function a(){
// 函数内容
}
export{
	transformSVGPath,
	a
}

在需要引用的地方使用import

import {transformSVGPath,a} from './assets/js/SVGtoThreejs.js'

import * as func  from './assets/js/SVGtoThreejs.js'