技术学习 | 分类

技术学习

transition有八个生命周期，1. @before-enter="beforeEnter" ：对应enter-from 2. @enter="enter" ：对应enter-active 3. @after-enter="afterEnter" ：对应enter-to 4. @enter-cancelled="enterCancelled" ：显示过渡被打断 5. @before-leave="beforeLeave" ：对应leave-from 6. @leave="leave" ：对应enter-active 7. @after-leave="afterLeave" ：对应leave-to 8. @leave-cancelled="leaveCancelled" ：离开过渡被打断……

Vue

Vue提供了transition的封装组件，在条件渲染(v-if)、条件展示(v-show)、动态组件、组件根节点等情形中，可以给任何元素和组件添加进入/过渡效果……

Vue

有时候我们不需要组件被重新渲染影响使用体验，或者是出于性能考虑，避免多次重复渲染降低性能，我们就可以使用keep-alive，将组件缓存下来，维持当前的状态……

Vue

插槽就是子组件中提供给父组件使用的一个占位符，用<slot></slot>表示，父组件可以在这个占位符中填充任何模板代码，如HTML、组件等，填充的内容会替换子组件中的<slot></slot>标签…….

Vue

Teleport是Vue3的新特性之一。是一种能够将我们的模板渲染至指定的DOM节点上，不受父级style、v-show等属性影响，但data、prop数据依旧能够共用的技术，类似于react的Protal.…..