【詳細】VUEでaxios(Error in mounted hook:「TypeError:Cannot read property'XXX'of undefined」を使用して解決)

もしあなたが今少し難しいと思ったら、それはあなたが上り坂を歩いていることを証明します!
記事のナビゲーション

axios

をインストール

はmainです.jsでの参照

【ポイント】Vueプロトタイプ属性

に書き換える
axiosのインストール

  npm install axios --save

メールでjsでの参照

  import axios from 'axios'

【ポイント】Vueプロトタイプ属性に書き換える
Vue.prototype.axios = axios
axiosは他のコンポーネントのようにVueを通過することはできない.use()は直接参照されます

  Vue.use(axios)
  //axios           ，        
  Error in mounted hook: "TypeError: Cannot read property 'XXX' of undefined"

axiosをVueのプロトタイプ属性に書き換えるには、他のコンポーネントで使用できません.

  //   Vue   
  Vue.prototype.axios = axios
  
  //              ，                   。  ：
  Vue.prototype.$ajax = axios
  //           
  this.$ajax
  	.get('/user')
  	.then(res => {
  		this.result = res.data;
  	});