技术补充

面试题相关记录

1.axios 能否脱离vue单独使用

Axios是一个基于Promise的HTTP库，并不是vue中的第三方插件，通过cdn引入axios.js文件即可使用。

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

axios 是可以脱离vue单独使用的。

2.axios 和 vue-axios 的关系

axios是一个库，并不是vue中的第三方插件，使用时不能通过Vue.use()安装插件，需要在原型上进行绑定：

import Vue from 'vue'
import axios from 'axios'
Vue.prototype.$http = axios

在页面中使用：

this.$http.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

vue-axios是将axios集成到Vue.js的小包装器，可以像插件一样使用,通过全局方法 Vue.use() 使用。

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)

页面中使用

this.axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

使用 Vue 的插件写法，更符合 Vue 整体生态环境。