【WAY TO VUE 4】过渡动画 和 自定义指令

过渡动画

在CSS中操作transition(过滤)和animation(动画)达到不同效果
操作步骤：
1、为目标元素添加一个父元素<transiton name=“ryan”>，让父元素通过自动应用CSS来达到效果

2、六个状态的CSS（xxx代表transiton的name）

xxx-enter 进入前状态
xxx-enter-active 进入中状态
xxx-enter-to 进入后状态
xxx-leave 离开前状态
xxx-leave-active 离开时状态
xxx-leave-to 离开后状态
下图是渐显渐隐效果

下图是缩放效果

指令

内置指令

v-pre 跳过这个元素和这个元素子元素的编译过程，提高性能，{{}}内的当作字符串直接输出

v-text 可以解决{{}}的闪烁问题

v-cloak 也可以解决{{}}闪烁问题

自定义指令

全局指令

局部指令