Vue2使用全局函数或变量的两种常用方式

①在index.js中创建getAction函数，并全局使用：

export function getAction (url, parameter) {

  return request({

    url: url,

    method: 'get',

    params: parameter

  })

}

②创建globalUse.js：

• 方式一挂载到Vue.prototype：

import { getAction } from './index'

import Vue from 'vue'

Vue.getAction = getAction // 使用时需先引入Vue，然后调用：Vue.getAction

Vue.prototype.$getAction = getAction // 使用：this.$getAction

• 方式二使用全局混入Vue.mixin：

import { getAction } from './index'

Vue.mixin({ data () { return { getAction } } }) // 全局混入到data中，使用：this.getAction

// Vue.mixin({ methods: { getAction } }) // 全局混入到methods中，使用：this.getAction

③在main.js中引入globalUse：

import Vue from 'vue'

import App from './App.vue'

import './utils/globalUse'

new Vue({

  render: h => h(App)

}).$mount('#app')