vuex +時計=リスナー・コンポーネントのレンダリング状態

コンポーネントは、データ要求、この値に関連する要求にレンダリングされた後、私たちはしばしば、このような要求を持っています。
最初に考えたのは、内部に取り付けられて実行されます

作成：通常のhtmlを呼び出す前にレンダリングされたテンプレートは、特定のプロパティ値を初期化して、ビューにレンダリング。

ページの初期化が完了した後、通常は、htmlの呼び出しにテンプレートをレンダリングした後、その後、HTMLのDOMノードが必要ないくつかの操作を実行しますマウント。

見つけ試験後：ページがレンダリングされた、サブアセンブリをレンダリングしていない、それは要件を満たすことができないマウント。

その後、神は大きく+母を助け、最終的に我々は信頼性の高いソリューションを見つけました！！！
vuex +見る（vueXグローバル状態管理、変数はVUEを聞いている見ます）

ステップは、デフォルトのコンポーネントが描画されていない、vuexレンダリング状態にアセンブリを保持する変数の定義です。

状態：{ 
    isFinish：falseに、//コンポーネントのレンダリング状態
  }、
変異：{ 
    SET_IS_FINISH（状態、isFinish）{//グローバルアセンブリ方法の状態変更
      state.isFinish = isFinishを; 
    } 
  } 
//コンポーネント結合ため値が存在する場合値は、コンポーネントが完全にレンダリングされていました。したがって、組立の方法で、この値がtrueに設定されます。
  beforeDestroy：関数（）{ 
    （falseに'SET_IS_FINISH'）この$をStore.commit; 
  }

　　ページは、背中の状態を変更すると、複数の使用中のこの成分は、ログオフしてください場合は、そのモニターが有効になります見て。

値がtrueのときに、ページ上で使用されるコンポーネントは、ステータスモニタは、レンダリングは組み立てが完了しています。このとき、ページ要求、精度を作ります！

計算：{ 
        myfinish（）{ 
          この$のstore.state.isFinishを;.戻り
        、} 
    }、
時計：{ 
      myfinish（newValに、OLDVAL）{ 
　　//ここで、レンダリング・コンポーネントは完了した、操作がDOMのために実行されてもよい、とすることができます要求データは、コンポーネントのレンダリングが終了した後。
      } 
    }

データを要求するためにそれを使用して、コンポーネントのレンダリングの結果を待つ必要があるので、私たちが望む効果のこの完璧な実現、。
VUEX +時計は非常に良い解決策です！！！

vuex +時計=リスナー・コンポーネントのレンダリング状態

おすすめ