vue动态组件,组件缓存
生活随笔
收集整理的這篇文章主要介紹了
vue动态组件,组件缓存
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1、動態組件
動態組件 is屬性的值與組件名稱相匹配,匹配到哪個組件就顯示哪個組件
<component :is="name"></component>
2、組件緩存
表示所有的動態組件都會緩存
<keep-alive>
<component :is="name"></component>
</keep-alive>
表示只有include匹配的組件才會緩存
<keep-alive include="testA, testC">
<component :is="name"></component>
</keep-alive>
除了exclude匹配的組件不緩存,其它組件都會緩存
<keep-alive exclude="testA, testC">
<component :is="name"></component>
</keep-alive>
總結
以上是生活随笔為你收集整理的vue动态组件,组件缓存的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 脚趾抽筋快速消除 热敷处理
- 下一篇: 反曲弓发射时弹出去挂在手上的叫什么弓发射