vue transition动画组件再次回顾

image.png

点击查看动画基础的链接

    &.fde-enter-active,&.fde-leave-active{
        opacity: 1;
         transition: all .3s linear;
     }
    &.fde-enter,&.fde-leave-to{
        opacity: 0;
        transition: all .3s linear;
    }

v2.5.16 列表过渡

 
       
{{item.id}}{{item.title}}>       
       
    
    add

第一步：安装：
npm install animate.css --save

第二步：引入及使用：
main.js中：
`import animated from` `'animate.css'` `// npm install animate.css --save安装，在引入`
`Vue.use(animated)`

第三步vue模板中：
`
`
``
`
`
`
`

多路由多组件的过渡

vue中appear的用法
https://www.jb51.net/article/121427.htm