Vue自定義函數掛載到全局方法

看了不少方法介紹，基本思路是，定義方法->在main.js中引入->就能全局使用，提升代碼的複用性。我這裏只寫下工做中常見和經常使用的方法

使用export default + install + Vue.prototype

方法寫在哪，怎麼寫，通常按項目規則和我的習慣

我這裏以$http爲例

1.建立request文件夾，建立index.js文件,寫入方法

const $http = function(...){ //全局方法最好用$開頭
    ...
}
export default vueHttp = {
    install(Vue){
        ...
        Object.defineProperty(Vue.prototype,'$http',{
            value:$http,
            writable:false
        })//這裏使用了數據綁定的方法，下面給出學習連接
    }
}
export {$http}

 

2.在main.js中寫入函數

import http from '@/request'
Vue.use(http)

3.在全部組件裏可調用函數

this.$http(...);

 

 

數據綁定學習連接:https://www.jianshu.com/p/c02cb881bea8

參考：

http://www.javashuo.com/article/p-rztszvui-dq.html

http://www.javashuo.com/article/p-aipofcll-dk.html

https://www.jianshu.com/p/8ec5e1233ffe