vue 动画使用第三方库来实现

爱被打了一巴掌 2023-06-29 05:53 4阅读 0赞

## vue 动画使用第三方库来实现 ##

<!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
      <script src="./lib/vue-2.4.0.js"></script>
      <link rel="stylesheet" href="./lib/animate.css">
      
    </head>
    
    <body>
      <div id="app">
        <input type="button" value="toggle" @click="flag=!flag">
        
        
    
        
        
    
        
        <transition 
        enter-active-class="bounceIn" 
        leave-active-class="bounceOut" 
        :duration="{ enter: 200, leave: 400 }">
          <h3 v-if="flag" class="animated">这是一个H3</h3>
        </transition> 
      </div>
    
      <script>
        // 创建 Vue 实例，得到 ViewModel
        var vm = new Vue({ 
          el: '#app',
          data: { 
            flag: false
          },
          methods: { }
        });
      </script>
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue 第三方库的使用

1. 前言本小节我们将带大家学习如何在项目中使用第三方库。在日常的开发中，我们正在大量的使用第三方库。学会使用第三方库可以说是前端工程师最基本的技能。其实，使用第三方库

怼烎@/ 2024年03月30日 18:02/ 0 赞/ 98 阅读

相关 VUE框架使用第三方组件库和图标库内容------VUE框架

> npm install font-awesome > > npm install font-awesome > npm i element-ui -S

迷南。/ 2024年02月26日 05:24/ 0 赞/ 80 阅读

相关 41 Vue使用第三方动画库

\[动画\] 如何在Vue中使用第三方动画库 Animate.css 阐述自定义动画选择方法一：给 transition 标签一个 name

小咪咪/ 2023年10月06日 20:42/ 0 赞/ 15 阅读

相关 Vue学习记录（十）-------- 使用第三方图标库

1、添加font-awesome依赖 npm install font-awesome 2、Vue页面引入 import 'import font-awe

女爷i/ 2023年07月18日 11:28/ 0 赞/ 4 阅读

相关 vue 动画使用第三方库来实现

vue 动画使用第三方库来实现 <!DOCTYPE html> <html lang="en"> <head> <meta

爱被打了一巴掌/ 2023年06月29日 05:53/ 0 赞/ 5 阅读

相关 Vue中引用qs第三方库

1.进入项目根目录，打开cmd，输入`npm install qs`安装qs 2.打开你想应用组件处，`import qs from 'qs'`，导入第三方库，如下：![在

女爷i/ 2022年12月18日 06:00/ 0 赞/ 196 阅读

相关如何Vue.js中使用第三方库

在诸多 Vue.js 应用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 库. 但随着项目越来越复杂, 可能会采取组件

谁践踏了优雅/ 2022年09月02日 11:34/ 0 赞/ 257 阅读

相关 java第三方库

网上摘抄的java第三方库的介绍，记录下 1.Apache Commons Apache Commons Lang、Apache Commons Collect

浅浅的花香味﹌/ 2022年07月24日 05:00/ 0 赞/ 387 阅读

相关 vue 使用第三方animate css动画

animate css官网: [https://daneden.github.io/animate.css/][https_daneden.github.io_animate.

淡淡的烟草味﹌/ 2022年04月10日 05:11/ 0 赞/ 206 阅读

相关 java第三方库

一、testng和selenium-java TestNG是一个测试框架，其灵感来自JUnit和NUnit，但引入了一些新的功能，使其功能更强大，使用更方便。 Test

偏执的太偏执、/ 2022年02月16日 08:18/ 0 赞/ 435 阅读