春风吹又生1127

8个钩子函数 @before-enter="xx" 对应enter-from,在元素被插入到DOM之前被调用，动画进入之前 @enter="xx" 对应enter-active，动画开始执行时调用 @

自定义过渡class类名 通过name属性定义的过渡名，可以使用6个clss的过渡效果，自定义过渡class 就是借助这六个class重新定义类名 这六个状态放到transition标签上使用 这种自

keep-alive keep-alive 是V3的内置组件，当我们不希望组件被重新渲染的时候，出于性能的考虑，这时候就使用keep-alive来提高性能，他可以将组件内容缓存下来，不会让他重复渲染，

Teleport传送组件 Teleport是Vue3.0新增的一个内置组件，这个东西可以将我们的模板渲染至指定的一个DOM节点，让他不受这个父级的style一个影响 当我们子组件的样式设置的posit

异步组件 先说一下什么是异步，比如你现在在吃饭而且在玩手机，互不干扰，这种方式就叫异步，异步组件也就是将一个大的代码块分割成一些小的模块，减少了体积，增加的性能优化 原生Ajax封装axios 写一个

介绍插槽 插槽就相当于一个占位符，父组件把值填充到子组件定义的slot插槽里面，有四种插槽，匿名插槽、具名插槽、作用域插槽、动态插槽 匿名插槽 利用占位符solt，直接在子组件定义<slot></sl

前言 transition也是Vue3提供的内置组件，可以让组件有进入或离开的过渡效果，以前是使用v-if和v-show来控制显隐，用起来比较生硬，Vue为了解决这种问题，提供了transition组

局部组件 应用场景：在项目中，一个页面存在多个模块，这些模块不想只在一个页面使用，这些模块就可以拆分成局部组件 先在components创建组件，页面中引入(import)即可，不需要注册,可复用的

前期准备 我们使用div盒子来代替图片，自己先造一些假数据，高度不同，颜色不同的数据；父组件准备好的数据传给子组件，子组件通过defineProps接收 第一步需要操作dom，使用onMounted中