vue中把變數從 js檔案中引入

2021-10-10 23:32:39 字數 582 閱讀 7807

前言:在vue開發中,我們通常把資料定義在data()裡面。但是當此頁的資料很多的時候,就會去定義很多個變數名,這樣不僅不太美觀,而且不利於模組化的開發。所以可以嘗試著將這些變數放到乙個.js檔案裡面,然後再在.vue檔案裡去使用就好啦!

在assets下新建乙個js資料夾,在components下新建乙個index.vue檔案

在index.vue中寫入

}

}

在index.js中寫入

const box_data =

const box2_data =[,

]export

1、新建js檔案,在其中定義變數,可以是物件可以是陣列

2、匯出const的變數名稱

3、在.vue檔案中匯入 匯出的變數名

4、在data裡面進行賦值

5、在template中使用即可

Vue中引入外部的js檔案

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

Vue中引入靜態JS檔案(爬坑)

前言 背景介紹 開發的專案需要與threejs的3d專案結合在一起,需要靜態引入,jquery.js,stats.js,three.js,threebsp.js等靜態檔案。開發環境是iview admin2.0.嘗試了許多方法,算是填坑了吧.1 首先找到專案下的index.html,我的是在publ...

JSP頁面中引入js檔案

1 引入的js檔案出錯,檢查方法 將js的內容寫在當前的頁面的之間,看是否能夠正常執行,如果不能,請核查 2 如果引入的 在當前頁面中能夠正常執行,但當引入時不能正常執行,則有兩種可能 a 引入js的路徑有問題 b 引入的js的編碼格式與當前頁面不匹配 3 引入js的路徑問題 js的引入不外乎兩種,...