vue3 中的axios的使用，使用Vue.prototype 報(bào)錯(cuò)問(wèn)題
2022-03-06 18:10:57

vue2中axois的使用

import Vue from 'vue';
 
import axios from 'axios';
 
Vue.prototype.$ajax = axios;

或者，使用Vue.use(httpRequest, config)實(shí)現(xiàn)引入

// main.js
import httpRequest from 'httpRequest.js';
Vue.use(httpRequest, config);

// httpRequest.js
// 提供給Vue
httpRequest.install = function (Vue, options = {}) {
  ...
  Vue.prototype.$ajax = httpRequest;
}

export default httpRequest;

?

vue3

注意： 因vue3中不在使用 Vue.use，而是createApp(App)，此時(shí)使用use()拿到的第一個(gè)參數(shù)不在是以前的Vue

Vue3中的使用

import Vue from 'vue';
 
import axios from 'axios';
 
Vue.config.globalProperties.$ajax = axios ;

或者，使用createApp(App).use(httpRequest, config)實(shí)現(xiàn)引入

// main.js
import httpRequest from 'httpRequest.js';
createApp(App).use(httpRequest, config);

// httpRequest.js
// 提供給Vue
httpRequest.install = function (app, options = {}) {
  ...
  app.config.globalProperties.$ajax = httpRequest;
}

export default httpRequest;