vue中使用animation 动画

• 在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;
            },

animation 动画

0 人点赞