vue 在vue 專案中引入外部js檔案

在普通的專案中，我們可以通過來引入外部的js檔案，但是在vue專案中，就不可以使用這種方式了，需要使用es6語法來引入，同時還要對已有的js檔案做相應的修改。

一般情況下，我們引入外部js檔案，是要呼叫js檔案中的函式。在vue專案中，我們首先要使用export命令將這個函式丟擲，然後才能在其他的vue元件中使用import命令引入。同時還要注意外部js指令碼的存放位置，不能放在components資料夾下。

var md5 = function (string)

如果我們在其他的vue元件中想要引入md5函式，那麼要在md5加密演算法的js指令碼的最後，使用如下**，將md5函式匯出：

export

最後還是要提示一下，這個外部指令碼不要放在components資料夾下，否則會一直報錯。可以在src資料夾下新建乙個js資料夾，然後將外部js指令碼放在這個資料夾下，然後就可以在其他vue元件中引入該js指令碼。

在元件中使用import from 外部指令碼名來從外部js指令碼中匯入我們需要使用的函式。比如我們要從md5.js指令碼中匯入md5函式，使用以下**：

import  from '../js/md5'

這樣，我們就可以在這個vue元件中正常呼叫md5函式了，**如下：

created: function ()

如果引入的外部js檔案不是乙個函式，要把這個js用函式包起來先export出去，然後在使用import或require匯入