Animate.css + Vue2

Animate.css + Vue2
包:https://www.npmjs.com/package/vue2-animate
安装:

npm install --save vue2-animate

导入:

import 'vue2-animate/dist/vue2-animate.min.css';

使用1:

<transition name="fadeLeft" >
    <p v-if="isShow">hello</p>
</transition>

使用2:

<transition-group name="fadeLeft" tag="ul">
    <li v-for="item in items" :key="item.id">
        {{ item }}
    </li>
</transition-group>

作者:重庆熊猫

出处:https://www.cnblogs.com/cqpanda/p/17298488.html

版权:本作品采用「不论是否商业使用都不允许转载,否则按3元1字进行收取费用」许可协议进行许可。

posted @   重庆熊猫  阅读(36)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
历史上的今天:
2023-02-06 JavaScript 数组求并集
more_horiz
keyboard_arrow_up dark_mode palette
选择主题
点击右上角即可分享
微信分享提示