Keep-alive 是 Vue 的一個內置組件，會緩存不活動的組件實例，防止重復渲染DOM。 一、原理 　　Vue 的緩存機制並不是直接存儲 DOM 結構，而是將 DOM 節點抽象成了一個個 VNode節點。 　　因此，Vue 的 keep-alive 緩存也是基於 VNode節點 ...

本篇文章，我們來講一下keep-alive的實現。 更容易看懂 Vue中，有三個內置的抽象組件，分別是keep-alive、transition和transition-group， 它們都有一個共同的特點，就是自身不會渲染一個DOM元素，也不會出現在父組件鏈中。 keep-alive ...

vue2.0提供了一個keep-alive組件用來緩存組件,避免多次加載相應的組件,減少性能消耗 keep-aliv是Vue.js的一個內置組件。它能夠不活動的組件實例保存在內存中，而不是直接將其銷毀，它是一個抽象組件，不會被渲染到真實DOM中，也不會出現在父組件鏈中。 它有兩個生命周期 ...

1.transition name - string，用於自動生成 CSS 過渡類名。例如：name: 'fade' 將自動拓展為.fade-enter，.fade-enter-active等。默認類名為 "v" <transition> 元素作為單個元素/組件的過渡效果。< ...

使用 <keep-alive> 包裹動態組件時，會緩存不活動的組件實例，而不是銷毀它們。和 <transition> 相似，<keep-alive> 是一個抽象組件：它自身不會渲染一個 DOM 元素，也不會出現在父組件鏈中。 當組件在 < ...

文章開頭，先說一下我遇到的問題，如果不是類似業務邏輯，那么可能會遇到方法不可用的效果，淡定~~~ 我的問題是：當前有3個頁面，首頁（簡稱A）、列表頁面（簡稱B）、詳情頁面（簡稱C），從A->B ...

前言 在Vue構建的單頁面應用（SPA）中，路由模塊一般使用vue-router。vue-router不保存被切換組件的狀態， 它進行push或者replace時，舊組件會被銷毀，而新組件會被新建，走一遍完整的生命周期。 但有時候，我們有一些需求，比如跳轉到詳情頁面時 ...

keep-alive：主要用於保留組件狀態或避免重新渲染。 比如： 有一個列表頁面和一個 詳情頁面，那么用戶就會經常執行打開詳情=>返回列表=>打開詳情這樣的話 列表 和 詳情 都是一個頻率很高的頁面，那么就可以對列表組件使用<keep-alive>< ...