Vue动态组件

发表于 更新于 分类于 本文字数： 289 阅读时长 ≈ 1 分钟

适用于页面切换

  1. 定义组件curPage
  2. 使用<component :is="curPage">
  3. 当is="xxx"的组件改变，除当前活动组件外的组件会销毁

内置组件 keep-alive

1
2
3
4
5
6
7
1. 用keep-alive 组件包裹住我们的需要缓存的组件
2. 缓存的结果就是这个组件不会被销毁，也就不会被重新创建
3. 缓存上的组件会多出2个生命周期函数，activated(激活) 和 deactivated(失活)
4. keep-alive 上的一些属性
	4.1 include		定义包含哪些需要缓存的组件
	4.2 exclude		定义包含哪些不需要缓存的组件
	4.3 max				定义最多可以缓存多少个组件