①在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')