vue2專案目錄如下(utils資料夾是自己手工建的，然後在utils裡新建js檔案):

• 使用import匯入檔案時，注意路徑，路徑不對會報錯；
• 匯入之後使用外部js函式時，直接寫匯入時的名字加小括號即可，如 test(); 不需要加this，也不需要加別的。

demo.js

export default function(a,b,c){
    //在這裡直接寫函式內容
    var sum = a+b+c;
    console.log("我是vue中引入的外部js檔案");
    console.log("sum:",sum);
    return sum;
}

App.vue

<template>
    <div id="app">
        <img src="./assets/logo.png">
    </div>
</template>

<script>
    import test from './utils/demo.js'
    export default {
        name: 'app',
        mounted() {
            var sum = test(1,2,3);
            console.log("我是呼叫外部js的return:"
 
,sum);
        }
    }
</script>

<style>
</style>

在元件中也可直接引入外部js檔案使用：

App.vue

<template>
    <div id="app">
        <img src="./assets/logo.png">
        <HELLO_WORLD></HELLO_WORLD>
    </div>
</template>

<script>
    import HELLO_WORLD from 
 
'./components/HelloWorld.vue'
    export default {
        name: 'app',
        components:{
            HELLO_WORLD
        },
    }
</script>

<style>
</style>

HelloWorld.vue

<template>
    <div class="hello">
        <h1>HelloWorld</h1>
        <button @click="click">點我呼叫外部js檔案</button>
    </div>
</template>

<script>
    import test from '../utils/demo.js'
    export default {
        name: 'HelloWorld',
        props: {
            msg: String
        },
        methods:{
            click(){
                console.log("click click click click click");
                var sum = test(1, 2, 3);
                console.log("我是呼叫外部js的return:", sum);
            }
        }
    }
</script>

<style scoped>
</style>

點選button後：

總結：在vue2專案中呼叫外部js檔案，需要在js檔案中export，在需要的vue檔案中import，然後直接使用即可。