Vue 全域性掛載自定義函式

使用vue 時，有時需要設定公共的函式，便於在所有元件中呼叫或者在元件的生命週期中都可呼叫，這便需要自定義全域性函式。以下介紹一些全域性函式的定義方式。

在mian.js中寫入函式

vue.prototype.gettoken = function ()

this.gettoken();

寫好自己需要的公共js檔案(fun.js)

exports.install = function (vue, options) ;

};

import fun from './fun'   // 路徑示公共js位置決定

vue.use(fun);

this.gettoken();

解決方法：

export default 

}}

# function.js

class func 
type === "local"
? (storage = window.localstorage)
: (storage = window.sessionstorage);
storage.setitem(name, content);
}}export default new func();

# utils/index.js

import vue from "vue";
import myservice from "./request";
import func from "./function";
vue.prototype = object.assign(vue.prototype, );

//使用

this.$f.setstorage()

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

看了很多方法介紹，基本思路是，定義方法 在main.js中引入 就能全域性使用，提高 的復用性。我這裡只寫下工作中常見和常用的方法 使用export default install vue.prototype 方法寫在哪，怎麼寫，一般按專案規則和個人習慣 我這裡以 http為例 1.建立reques...

自定義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...