前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue中使用animation 动画

vue中使用animation 动画

作者头像
用户4344670
发布2019-08-28 11:21:28
1.4K0
发布2019-08-28 11:21:28
举报
文章被收录于专栏:vue的实战
  • 在main.js中引入
代码语言:javascript
复制
import animate from 'animate.css'
Vue.use(animate);
代码语言:javascript
复制
* 主要用到: 类的绑定
<!--        主要是有关类名的绑定 -->
        <h1 :class= "[{ 'animated':flag},{ 'bounce':flag}, 'infinite', 'delay-1s']" >Example</h1>
        <button @click="click"> 开启动画</button>
        <button @click="clicks "> 关闭动画</button>
代码语言:javascript
复制
           click () {
                this.flag = true;
            },
            clicks() {
                this.flag = false;
            },
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.07.30 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档