vueにおけるkeepAliveの注意事項

1179 ワード

問題の説明:
今日テストではバグについて言及しましたが、同じ作成を繰り返すとmountedとcreated内の方法がトリガーされず、ページの表示が異なります.
理由:動的コンポーネントがラップされると、それらを破棄するのではなく、アクティブでないコンポーネントインスタンスがキャッシュされます.と同様に、は抽象的なコンポーネントです.DOM要素はレンダリングされず、親コンポーネントチェーンにも表示されません.(mountedとcreatedイベントフックはトリガーされません)
コンポーネントが内で切り替わると、activated(アクティブ)とdeactivated(非アクティブ)の2つのライフサイクルフック関数が対応して実行されます.
  include  and  exclude include(キャッシュされたファイル)およびexclude( )のプロパティにより、コンポーネントが条件付きでキャッシュされます.


  




  




  
max
最大数のコンポーネントインスタンスをキャッシュできます.