vue全域性注入 多個js

2021-09-29 03:43:58 字數 608 閱讀 5880

專案中會碰到要全域性注入多個js檔案

上面的js 都是一些介面檔案,每個頁面important 比較麻煩 就採用全域性注入

這種方法顯然不叫繁瑣,一旦js 比較多**就顯得比較臃腫,所以採用了 vue 自帶的 require.context的方法,要讀取的js檔案 必須放在api檔案中

//讀取api路徑下的js介面檔案

const apifiles = require.context('./data/remote/api', true, /\.js$/)

const api = apifiles.keys().reduce((api, modulepath) => , {})

vue.prototype.api = api;

使用

this.api.檔名.方法()

vue 全域性注入公共元件

在我們開發中有時候需要大量復用某個元件時,我們需要在某個元件都引入一遍,非常麻煩,這時候我們可以全域性注入這些元件。common 元件 div template export default script style plugins檔案下面的components.js檔案 import vue fr...

vue新增全域性js

前言 如題 首選是自己的js檔案 export default if res return page 然後是在main.js把js物件掛載到vue裡面 ps 此處import 後面的jsutil是可以隨意取名字的 然後vue.prototype.jsutil 這個美元符號,是為了區分當前方法是使用者...

vue 全域性方法(單個和多個方法)

一 單個方法 新建goback.js var goback function export default goback main.js中引入並定義 import goback from static js goback vue.prototype.back goback 用 與元件內自定義的函式區...