Vue自定義函式掛載到全域性方法

2022-09-01 15:12:20 字數 525 閱讀 1630

看了很多方法介紹,基本思路是,定義方法->在main.js中引入->就能全域性使用,提高**的復用性。我這裡只寫下工作中常見和常用的方法

使用export default + install + vue.prototype

方法寫在哪,怎麼寫,一般按專案規則和個人習慣

我這裡以$http為例

1.建立request資料夾,建立index.js檔案,寫入方法

//這裡使用了資料繫結的方法,下面給出學習鏈結}}

export

2.在main.js中寫入函式

3.在所有元件裡可呼叫函式

參考:

Vue 全域性掛載自定義函式

使用vue 時,有時需要設定公共的函式,便於在所有元件中呼叫或者在元件的生命週期中都可呼叫,這便需要自定義全域性函式。以下介紹一些全域性函式的定義方式。1 方法一 vue.prototype 在mian.js中寫入函式 vue.prototype.gettoken function 在所有元件裡可呼...

自定義Vue 全域性元件

在 components 下建立自己的元件 primary click show 儲存 資料提交 visible.sync isok width 500px center footer class dialog footer isok false 取 消 primary click submit 確...

vue自定義全域性設定

vue2.x中在static下新建乙個serverconfig.js,vue3中在public下新建乙個serverconfig.js const win window global win.apiconfig 然後在index.html頁面裡面引入js.在axios全域性設定js裡,設定baseu...