blog

vueのkeep-aliveについて知らないかもしれないこと

keep-alive はパッケージのルートの最後の履歴を保存でき、切り替えるときに2つの重要なフックがあります: activated と active です。 スイッチバックするとき、activate...

Oct 28, 2020 · 1 min. read
シェア

keep-aliveはパッケージ内のルートの最後の履歴状態を保存し、切り替え時に2つの重要なフック関数があります:

scrollTopは0です。

しかしながら、keep-aliveによってラップされたコンポーネントによってリクエストされたデータはページを再レンダリングしないという問題もあります。これは、たとえばマッチングのために動的なルートを使う場合、ページは最初のリクエストのレンダリング結果だけを保持するので
<keep-alive include="aa,bb">
 <router-view></router-view>
</keep-alive>
<keep-alive exclude="cc">
 <router-view></router-view>
</keep-alive>
を含む必要があります。
export default[
 {
 path:'/',
 name:'home',
 components:Home,
 meta:{
 keepAlive:true //キャッシュする必要がある
 },
 {
 path:'/book',
 name:'book',
 components:Book,
 meta:{
 keepAlive:false //キャッシュする必要のない
 } 
]







Read next

[OAuth2] oauth2に関する補足事項

いくつかの新しい利益は、最初にそれらを書き留めてください。 1、テーブルの中で、認証に対応するフィールドはtoken_idであり、検証に対応するフィールドもtoken_idであり、入力されるパラメータは比較のために暗号化する必要があります。 2、具体的な永続化処理について:まず、...

Oct 28, 2020 · 1 min read