vue が axios を使用する場合、これはどこを指すのでしょうか?

今回は、Vue が axios を使用する場合にこれがどこを指すのか、また Vue を使用して axios を呼び出す場合の注意点について説明します。以下は実際的なケースです。 vue が axios を使用する場合、このポイントはどこになりますか

この記事では、Vue が axios を使用する場合のこのポインティングの問題を主に紹介します。以下では多くを述べませんが、詳細を見てみましょう。

1.解決策 axios を使用して vue でネットワーク リクエストを行う場合、これが vue を指していないことがわかりますが、矢印

"=>" を使用して問題を解決できます。以下の通り: rreee

2. 理由 ES6 のアロー関数「=>」の内部 this は字句スコープであり、コンテキストによって決まります (つまり、外側の呼び出し元 vue によって決まります)。

3. 余談 「=>」関数を使用すると、前の 2 つの書き方に別れを告げることができます:

のthisポインタを変更するにはbind(this) ハックの書き方

methods: {
 loginAction(formName) {
 this.$axios.post('http://127.0.0.1/u/subLogin', {
  username: this.username,
  password: this.password
 })
  .then(function(response){
  console.log(this); //这里 this = undefined
  })
  .catch((error)=> {
  console.log(error); //箭头函数"=>"使this指向vue
  });
 });
 }
}

推奨読書:

以上がvue が axios を使用する場合、これはどこを指すのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。