技术共享，共同进步！

Vue中列表过渡重要标签：<transition-group><template> <div> <h2>Vue中的列表过渡</h2> <transition-group> <div v-for="item of list" :key="item.id">{{item.name}}</div> </transition-group> <butto

Vue - 使用 transition 过渡动画、Animate.css 库动画

Vue 中使用 js 动画与 velocity.js一. Vue 中使用 js 动画二. Vue 中 velocity.js 库的使用一. Vue 中使用 js 动画入场动画：before-enter：动画进入之前的回调,接收一个参数（el）。el 指被 transition 标签包裹的内容enter：动画进入完成时候的回调.接收两个参数（el,done）。el 指被 transition 标签包裹的内容;done 是一个回调函数，告诉vue，动画执行完了，可以执行下一个钩子函数after

Vue中多个元素或组件的过渡一. Vue中多个元素的过渡二. Vue中多个组件的过渡一. Vue中多个元素的过渡transition 标签 mode 属性：in-out：多个元素切换的时候，先显示再隐藏out-in：多个元素切换的时候，先隐藏再显示<template> <div class="wrap"> <transition mode="out-in"> <div v-if="show" key="hello">hel

Vue中动画封装一 . css动画的封装二 . js动画的封装一 . css动画的封装动画封装模板组件 定义设置：（1）新建一个动画封装模板组件（2）transition 标签中包裹一个 slot 标签，由外部传入内容（3）由外部传入一个变量，判断dom是否显示，这里变量为 show（4）slot 标签 v-if 判断<template> <div> <transition> <slot v-if="show"></