vue3 学习笔记 —— 内置组件

57 阅读1分钟
  • 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内容