动画

//css
.v-enter,
.v-leave {
opacity:0;
transition:translateX(100px);
}

.v-enter-active,
.v-leave-active {
transition:all 0.4s easa;
}

//html

  • 如果不想公用一个效果 可以自定义v-前缀

  • animate.css 第三方类库 animated + 效果名

  • :duration="200" 可以设置入场立场到毫秒值

在实现过渡时,如果需要过渡的元素 是通过v-for渲染的 ,只能通过

appear 入场效果
tag=" " 来指定要渲染什么元素

你可能感兴趣的:(动画)