vue中引入外部js方法實例

我們在做vue專案時，常常會需要引入js,常用的有以下幾種。本文主要和大家分享vue中引入外部js方法實例，希望能幫助大家。

第一種

import XX from “路径”
Vue.use(XX);
这里的js文件要导出
用export default {
Vue.proprtypes.aa=function(){}
}

第二種

js檔案沒有用export default{}

直接就是純方法

解決：可以在main.js中加入以下程式碼，其中的方法可以全域使用。

require （'路徑'）

第三種

同樣是純方法

最後將你想用的方法用export default {}導出

此方法用在單一Vue檔案中，透過import {xxx} from '路徑'引入你的方法

使用時只需呼叫xxx即可。

我們在做vue專案時，常常會需要引入js,常用的有以下幾種。

第一種

import XX from “路径”
Vue.use(XX);
这里的js文件要导出
用export default {
Vue.proprtypes.aa=function(){}
}

第二種

js檔案沒有用export default{}

直接就是純方法

解決：可以在main.js中加入以下程式碼，其中的方法可以全域使用。

require （'路徑'）

第三種

同樣是純方法

最後將你想用的方法用export default {}導出

此方法用在單一Vue檔案中，透過import {xxx} from '路徑'引入你的方法

使用時只需呼叫xxx即可。

相關推薦：

JS載入器如何動態載入外部js檔案

在html中引入外部js檔案,並呼叫帶參函數的方法

引用外部js亂碼問題分析及解決方案_javascript技巧

以上是vue中引入外部js方法實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！