Vueデータ割り当て問題の解決

私が長い間遭遇してきた問題を要約してみましょう。

プロジェクトでは、フロントエンドをレンダリングするためにバックグラウンドデータが必要です。Vue と統合された Axios が使用されます。ページコンポーネントがマウントされた後、Vue のフック関数を使用してバックグラウンドに get リクエストを送信し、返されたデータを data() で定義された属性に割り当てます。

実行後、フロントエンドはエラーを報告します。

理由：

リクエストが正常に実行された後、コールバック関数の内容が実行されます。コールバック関数は他の関数内にあり、どのオブジェクトにもバインドされておらず、未定義です。

解決：

1) Vueオブジェクトを指すこれを外部メソッドで定義されたプロパティに割り当て、内部メソッドでそのプロパティを使用します。

2) 矢印関数の使用

補足: vueデータ内のデータ間の呼び出しの未定義問題を解決する

解決：

解決策はありません、これはまったくそう呼ぶことはできません。

data 関数内の this は VueComponent を指していますが (理解: data 内のデータは this を使用して props 内のデータを呼び出すことができます)、data 内の別の属性を呼び出す場合、data 内のデータはまだ解析されていません。これは、{} オブジェクトを返すときに、それらの中のすべてのデータが一緒にレンダリングおよび解析されるため、未定義の問題が発生するためです。

（上記はあくまでも私の個人的な理解です。間違いがあればコメントして訂正してください。）

マウントされたライフサイクルで割り当て操作を完了することを選択します

エクスポートデフォルト{
 データ（）{
  戻る {
  名:'111',
  姓:'222',
  フルネーム：''
  }
 },
 マウントされた(){
 this.fullName = this.firstName + '' + this.lastName;
 } 
 }

結果を表示:

もちろん、fullName をデータ内で定義する必要がない場合は、計算プロパティ内で定義するのが賢明です。

上記は私の個人的な経験です。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。間違いや不備な点がありましたら、遠慮なくご指摘ください。