- vue提供了哪些内置组件?
- Transition
- TransitionGroup
- KeepAlive
- Teleport
- Suspense
- 什么情况下应该使用TransitionGroup
- 在使用v-for进行元素渲染的时候使用TransitionGroup
- KeepAlive组件的设置的缓存中如果设置了最大组件缓存数量,那么当需要缓存的组件的数量超过这个数字后,Vue会如何进行缓存?
- 会把最近访问的最少的组件的缓存从缓存池里面剔除掉,然后把最新的需要缓存的组件添加到缓存池里面
- KeepAlive中缓存的组件有哪些特别的钩子函数?
- activated:在组件每次被插入到DOM上会被调用,在组件挂载的时候也会被调用
- deactivated:组件被从DOM移除的时候会调用,在组件被卸载的时候也会被调用
- 使用Telepport时有什么需要注意的地方吗?
- 需要注意要确保在telport挂载之前,目标组件或者目标元素已经挂载了
- 逻辑层级不受渲染层级影响
- 请简单介绍一下Suspense
- Suspense可以帮我们去解决一些组件中的异步依赖的问题,比如说加载一些异步组件,或者是解决异步setup的组件加载的问题
- 具体的用法就是直接Suspense组件下传入两个slot,一个是默认的slot,另一个是fallback slot,默认的slot即我们的异步组件,fallback则是异步组件在pending状态或者加载失败后显示的组件
- Suspense的default插槽渲染完成后,当default插槽被替换成其它的异步组件后,此时Suspense组件将会继续显示上一次渲染的default插槽的内容,而不是fallback内容