• 动画


    transition: 内置组件:
    作用:包裹需要进行动画的元素

    特点:
    被包裹的元素必须要经历显示/隐藏(v-if || v-show)

    transition身上有一个属性 这个属性名称是name 作用是定义动画的名称



    动画:
    一部分叫入场动画
    入场的开始阶段 enter
    入场的进行时阶段 enter-active
    入场的结束阶段 enter-to


    另一部分叫出场动画
    出场的开始阶段 leave
    出场的进行时阶段 leave-active
    出场的结束阶段 leave-to
     
    动画的6个类名
    <name>-enter
    <name>-enter-active
    <name>-enter-to


    <name>-leave
    <name>-leave-active
    <name>-leave-to



    当使用第三方动画库的时候

    transition提供了6个属性
    enter-class
    enter-active-class(重)
    enter-to-class
    leave-class
    leave-ative-class(重)
    leave-to-class


    当多个元素使用同一个动画的时候需要将transition 标签换成 transition-group
    另外每一个子元素身上都必须加一个key值 要保证
    这个key值是独一无二的
  • 相关阅读:
    AGC037F Counting of Subarrays
    AGC025F Addition and Andition
    CF506C Mr. Kitayuta vs. Bamboos
    AGC032D Rotation Sort
    ARC101F Robots and Exits
    AGC032E Modulo Pairing
    CF559E Gerald and Path
    CF685C Optimal Point
    聊聊Mysql索引和redis跳表
    什么是线程安全
  • 原文地址:https://www.cnblogs.com/superclound/p/11266875.html
Copyright © 2020-2023  润新知