Maison >interface Web >js tutoriel >Comment implémenter l'enregistrement global dans axios

Comment implémenter l'enregistrement global dans axios

亚连
亚连original
2018-06-12 10:08:552050parcourir

Cet article vous présente principalement les informations pertinentes sur la façon d'enregistrer axios dans le monde. L'article le présente en détail à travers un exemple de code. Il a une certaine valeur d'apprentissage de référence pour que tout le monde puisse apprendre ou utiliser axios. ensemble ci-dessous.

Préface

Quand j'ai récemment écrit un projet avec Vue, j'ai utilisé axios car axios ne peut pas utiliser Vue.use() (les détails peuvent être introduit (voir cet article), vous devez donc importer lors de l'utilisation d'axios dans chaque fichier .vue, ce sera bien, mais s'il y en a beaucoup, ce sera un peu gênant.

Plus tard, j'ai réfléchi à la possibilité d'ajouter des axios directement au prototype Vue, afin que l'enregistrement global soit réalisé. Pas grand chose à dire ci-dessous, jetons un œil à l’introduction détaillée.

La méthode est la suivante :

1. Introduisez d'abord axios dans main.js

import Vue from 'vue'
import axios from 'axios'
//把 `axios` 加到 `Vue` 的原型中
Vue.prototype.axios = axios;
new Vue({
 el: '#app',
 render:h => h(App)
})

2. Lorsque vous l'utilisez dans un fichier .vue, faites attention à ajouter ceci

<script>
export default {
 name:&#39;app&#39;,
 data(){
  return{
   msg:&#39;hello&#39;
  }
 },
 methods:{
  send(){
   // 注意:因为 axios 是加到 Vue 的原型中了,所以使用 axios 方法时,前面需要加 this
   this.axios.get(&#39;https://www.baidu.com*******&#39;)
   .then(resp => {
    console.log(resp.data)
   }).catch(err => {
    console.log(err);
   })
  }
 }
}
</script>
avant axios. sera utile à tout le monde à l’avenir.

Articles connexes :

Comment construire helloWorld en utilisant vue-cli dans vue

Problèmes de transmission de valeurs dans layui

Comment implémenter un système de loterie à l'aide de JavaScript

Réponse détaillée : quel impact les changements de vue ont-ils sur les composants ?

Comment emballer à l'aide de Parcel

Explication détaillée de la façon de configurer l'outil d'emballage Vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn