本文共 2973 字，大约阅读时间需要 9 分钟。

Vue������������������CSS������������

��� Vue ������������������������������������������������������������������������������������������������ CSS ������������������������������������������������������������������������������������������ Vue ������������������������������������������������

Vue ���������������������

Vue ������������������������������������������������������������������������������<transition>��������������������������������������������������� Angular ���������������������Vue ������������������ CSS ���������������������������������enter, leave, enter-active ��� leave-active ���������������

1. ������ CSS ���������

��� Vue ������������������������������������������������������������������������v-enter���v-leave-to������������������������������ CSS ���������������������������������������������

2. ������������������

��������� Vue ��������������� CSS������������������������

.fade-enter, .fade-leave-to {    opacity: 0;}.fade-enter-active, .fade-leave-active {    opacity: 1;    transition: opacity 1s ease-in-out;}

���������������������������������������������������������������������������������������������������������������������

3. ������������������

������������������������������������<transition name="fade">���������������������������������������

       
    
             ������������    
    
   

���v-if��������� show ��������������������������������������� CSS ������������������������������������

���������������������

1. ������������

��������������� transition: opacity 1s ease-in-out��������������������������������������������� cubic-bezier ������������������������������������������������������������

2. ������������

��������� CSS ��������� transition-delay���������������������������������������������������

3. ������������������������

Vue ���<transition>��������������������������������������������������������������������������������������������������������� transition ���������������������������������������������������

������������������������

������������������������������������������������������������ transition ���������������������������������������������������������������

���������������������������������

       
    
        
     
���������������������
        
     
���������
    
    
   

��������������������������������������������������� hover-scale ���������������������������������������

������������

������������������������������������������������������������������������������������������������������������������������������������������������������ CSS ��������������������� CSS ������������������������������������������������������

������

��������������������������������������������� Vue ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������CSS��������������������������������������������������������������������������������������������������� Vue ���������������������������������������������