Vue元件引入外部的js檔案的某方法或者靜態資料

2021-10-06 13:24:14 字數 1058 閱讀 1421

我們有時候會把一些公共方法寫到乙個單獨的js檔案,這樣方便多處使用該方法,也很方便找到或者修改方法。

例:我們在寫專案的時候會遇到載入本地城市列表的資料,如果放到vue元件裡,是極其的不方便,我們來看看怎麼解決這個問題。

1.在公共js裡寫方法並export匯出。

export

function

add(a)

2.在元件 import 引入。

import

from

'../../data/citylink'

3.使用該方法。

mounted()

,

var add =

require

("../../data/citylink"

)

mounted()

,

1.在公共js裡寫方法並export匯出。

export

function

staticarray

(a)

2.在元件引入並使用該方法。

import

from

'../../data/citylink'

data()

},

或者

data()

},mounted()

,

如果js檔案是乙個靜態陣列(屬性)時,也可以在元件中定義乙個陣列(屬性)去接收js檔案中的陣列(屬性),像這樣:

this.arraylist = add.dataarraylist ,然後在元件中使用arraylist 即可。

順便一提,如何引入外部css檔案

@import

'../../css/helloworld.css'

;

Vue中引入外部的js檔案

在使用threejs的時候,我需要用到乙個transformsvgpath 函式,這個函式是別人寫好了的。function transformsvgpath 我想用import的方法在vue元件中使用這個函式。1.引入乙個函式function transformsvgpath export 在需要引...

vue頁面引入外部js檔案遇到的問題

問題一 vue檔案中引入外部js檔案的方法 在vue檔案中 在外部publicfun.js檔案中 function test export 問題二 首先引入外部js檔案,並且可以在外部js檔案呼叫vue檔案內的方法 export default mounted methods 這樣就可以在外部js檔...

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

在普通的專案中,我們可以通過來引入外部的js檔案,但是在vue專案中,就不可以使用這種方式了,需要使用es6語法來引入,同時還要對已有的js檔案做相應的修改。一般情況下,我們引入外部js檔案,是要呼叫js檔案中的函式。在vue專案中,我們首先要使用export命令將這個函式丟擲,然後才能在其他的vu...