新版 animate.css 在vue中的正确使用
2023-09-27 14:26:02 时间
网上有很多vue中引入animate.css
的教程,但是都是旧版的不生效,新版的animate.css
的用法如下:
npm i animate.css -D
// main.js
import animate from 'animate.css'
Vue.use(animate)
<!-- template中使用 -->
<div class="animate__animated animate__bounce animate__delay-2s">Example</div>
相关文章
- Vue为v-html中标签添加CSS样式
- vue-cli 搭建项目
- 学好vue,靠他就行了---vue基础知识与原理(一)
- Vue全局过滤器的使用 运用在时间过滤 内容添加crud
- 解决vue/cli3.0 语法验证规则 ESLint: Expected indentation of 2 spaces but found 4. (indent)
- react Or vue中引入animate.css
- [Vue] 03 - Components
- Vue.js中css的作用域
- Vue + ElementUI的电商管理系统实例27 项目优化-实现路由懒加载
- vue/react/angular开发的css架构思考
- JS组件系列——又一款MVVM组件:Vue(一:30分钟搞定前端增删改查)
- vue使用Export2Excel实现excel导出
- Vue.use与Vue.prototype的区别及说明
- vue v-bind @ 符号不能正常显示
- 【Vue 开发实战】基础篇 # 12:常用高级特性provide/inject
- vue.js 依赖收集
- ubuntu docker 部署 vue 项目
- VUE组件汇总
- Vue 2.0 起步 (3) 数据流 vuex 和 LocalStorage 实例 - 微信公众号 RSS
- vue 组件内引入外部在线js、css