溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“Vue中的動態組件怎么實現渲染”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
1、什么是動態組件
動態組件指的是動態切換組件的顯示與隱藏。
2、如何實現動態組件渲染
vue 提供了一個內置的 <component> 組件，專門用來實現動態組件的渲染。示例代碼如下：
3、使用 keep-alive 保持狀態
默認情況下，切換動態組件時無法保持組件的狀態。此時可以使用vue 內置的 <keep-alive> 組件保持動態組件的狀態。示例代碼如下：
4、keep-alive 對應的生命周期函數
當組件被緩存時，會自動觸發組件的 deactivated 生命周期函數。
當組件被激活時，會自動觸發組件的 activated 生命周期函數。
示例代碼如下：
溫馨提醒：
keep-alive 會把內部的組件進行緩存，而不是銷毀組件；
使用 keep-alive 的時候，可以通過 include 指定哪些組件需要被緩存；或者，通過 exclude 屬性指定哪些組件不需要被緩存；但是：不要同時使用 include 和 exclude 這兩個屬性；
5、keep-alive 的 include 屬性
include 屬性用來指定：只有名稱匹配的組件會被緩存。多個組件名之間使用英文的逗號分隔:
示例代碼如下：
“Vue中的動態組件怎么實現渲染”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
