Is axios in vue?

axios is not in vue. Axios is a Promise-based tool library for sending http requests. It is not a third-party plug-in in Vue. When using it, you cannot install the plug-in through "Vue.use()" and need to bind it on the prototype.

The operating environment of this tutorial: windows7 system, vue2.9.6 version, DELL G3 computer.

axios is not in vue.

axios is a library, not a third-party plug-in in vue. When using it, you cannot install the plug-in through Vue.use() and need to bind it on the prototype.

axios is a promise-based http library that can run in the browser and node.js. Then the author You Yuxi also decisively gave up the maintenance of its official library vue-resource and directly recommended the axios library.

The role of axios: axios is mainly used to initiate requests to the background, and it also has more controllable functions in the request.

Features

• Support Promise API

• Interception of requests and responses. To intercept the request, you can filter the request parameters; to intercept the response, you can handle the response exception

• Cancel the request. The request can be canceled manually

Use axios in vue

1. Install the axios module

$cnpm install --save axios  #安装

2. Reference axios in main.js and link it to the prototype chain. When using a plug-in, it is generally introduced in the entry file main.js, because main.js is the first file to be run by the project:

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

Usage:

3. vue-axios is a small wrapper that integrates axios into Vue.js and can be installed like a plug-in.

$cnpm install --save axios vue-axios  #安装

Referring to axios and vue-axios in main.js and using the plug-in through the global method Vue.use() is equivalent to calling the install method:

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

Usage:

$cnpm install --save axios vue-axios

After installing axios and vue-axios, you can see the source code of vue-axios in node_modules/_vue-axios/src/index.js under the Vue project. Using Vue’s plug-in writing method is more in line with Vue’s overall ecological environment. It feels a bit rough to write the prototype chain directly. Unless it is a very low-level implementation, it is not recommended to write this way.

[Related recommendations: "vue.js Tutorial"]

The above is the detailed content of Is axios in vue?. For more information, please follow other related articles on the PHP Chinese website!