4 - VUEライフサイクルの基礎、フック関数

8つのVUEのライフサイクルの機能があります。

フック関数	トリガー動作	この段階では、あなたが行うことができます
beforeCreadted	取付要素EL $ VUEのインスタンスのデータオブジェクトとデータが未定義、まだ初期化されています。	プラスのロードイベント
作成した	まだ$エル、そこVueのデータオブジェクトのインスタンスデータ	エンド・ロード、要求されたデータをレンダリングする準備に搭載されています
beforeMount	$エルとデータVUEのインスタンスが初期化されますが、それでも仮想DOMノードは、特定のdata.filterが交換されていません。	...
マウント	完成されたマウントVUEの例では、data.filterが正常にレンダリング	ルーティングフックを使用することで
BeforeUpdate	トリガ更新データ
更新しました	トリガ更新データ	データの更新は、（ここにも時計で観察することができます）いくつかの処理を行うと
beforeDestroy	成分の破壊を引き起こした場合
破壊されました	トリガーアセンブリ破壊、VUE例結合していないと、イベントリスナーとDOM（無応答）が、DOMノードがまだあります	部品の迅速な破壊

ここでは、更新され、作成しました

＃ライフサイクル
新しい新しいヴュー（{ 
        EL： '＃アプリケーション'、
        データ：{ 
            ユーザー名： '1' 、
            PWD：' 1' 
            CPWD： '2'、
            製品：[] 
 
        }、
        データの初期化//の後に
        作成されます。function（ ）{ 
            にconsole.log（ '作成'）
        }、
        //インスタンスと関連付けるタグの後に
        マウント：関数（）{ 
            Axios（{ 
                メソッド： 'GET'、
                URL： 'HTTP：//127.0.0.1/product/all' 、
            。}）を（
               データ=> { 
                    問題解決する//矢印関数呼び出し
                    this.product = data.data.product_infoと、
                }
 
                ）.catch（関数（誤差）{ 
                にconsole.log（エラー）
            }）
        }

　　二、axios

プロフィールaxios

axios HTTPクライアントは、自身が次のような特徴を持っているブラウザベースの約束とnodejs、次のとおりです。

ブラウザからのXMLHttpRequestを作成します。
Node.jsのから送信されたHTTPリクエスト
サポートの約束API
インターセプト要求と応答
変換要求と応答データ
キャンセル要求
JSONデータを自動的に変換
防ぐために、クライアントのサポート CSRF / XSRF

アピaxios

この方法は、直接axiosを渡すパラメータのデータ要求によって実現されてもよいです。

GETリクエストを送信

//参数携带在URL上
   axios（{ 
      URL： '/ API /ユーザ/ win_recordユーザーID = 1＆サイン= sdfsadf？'、
      方法： '得る' 
    }）
      .then（（応答）=> { 
        にconsole.log（response.data ）
      }）
      .catch（（エラー）=> { 
        にconsole.log（エラー）
      }）
 
    //通过paramsは携带参数
    axios（{ 
      URL： '/ API /ユーザ/ win_record'、
      方法： 'get'が、
      paramsは：{ 
        ユーザID ：1、
        符号： '123123' 
      } 
    }）
      .then（（応答）=> { 
        にconsole.log（response.data）
      }）
      .catch（（エラー）=> {{ 
        にconsole.log（エラー）
      }）

　　ポストにリクエストを送信します

//入参JSON类型
    axios（{ 
      メソッド： 'ポスト'、
      URL： '/ API /ユーザ/ add_stu'、
      データ：{ 
        名： 'QQ'、
        グレード： '12'、
        電話： '10086' 
      } 
    }）。
      次いで、（（応答）=> { 
        にconsole.log（response.data）
      }）
      .catch（（エラー）=> { 
        にconsole.log（エラー）
      }）
 
    //入参キー値アプリケーション/ X-WWW-フォーム- URLエンコード
    データ= { 
      ユーザー名： 'ABC1'、
      PWD： '12323'、
      CPWD： '223123' 
    } 
  axios（{ 
      URL： '/ APIの/ API /ユーザ/ user_reg'、
      方法：「ポスト」
      データ：this.qs.stringify（データ）
    }）
      .then（（応答）=> { 
        にconsole.log（response.data）
      }）
      .catch（（エラー）=> { 
        にconsole.log（エラー）
      }）

4 - VUEライフサイクルの基礎、フック関数

プロフィールaxios

おすすめ