vue中 transition组件使用总结
2024-09-03 19:09:36
博客园比较啃爹啊,随笔只能手写,之前写在有道云笔记里面的内容也复制不了,忧伤.....
长话短说,看官方的transition 的讲解,可能是内容太多了,或者就是本人太辣鸡了,看的有点懵逼,但是项目中有需要使用,套用了官方的例子,勉强算是完成了想要的效果,
回过头来总结一波还是有必要的,,刚开始看到有6个属性的时候,我是拒绝的,纳尼,6个,这谁顶得住啊,不过好在有一张图,一图胜千言呐,
更具图呢,将6个属性两两分组,分成三组来看待,
Enter的 头和leave的尾一组, 就是刚进的初始状态跟离开的结束状态,这两表现是一致的
Enter的尾和Leave的头一组,进去的结束状态和离开的开始状态,也是一致的
这让我不得不想起一句话,你荣耀的定点就是你进入下坡的起点,这个设计还是很有哲理的,对吧
然后就是v-enter-active跟 v-leave-active这两货了,这两个主要就是用来设置过渡的持续时间以及过渡的表现形式(缓动还是匀速...)
这样,一般的过渡效果就可以完成了。
感谢各位看官的收看,如果写得不好的,尽管提意见,谢谢啦!!!
最新文章
- Duilib开发环境搭建
- oracle 字符串
- 初试TinyIoCContainer笔记
- 过河问题nyoj47
- shell常用代码
- WPF:定制Checkbox样式,让“正确”绿得好看,让“错误”红的显眼
- SSIS -->;>; Variable
- ubuntu下双网卡桥接
- 初学Python——软件目录结构规范
- oracle sql developer怎么创建用户
- 微信小程序wxss的background本地图片问题
- 模拟远程SSH执行命令的编解码说明
- Java学习--数组与方法
- django2笔记:路由path语法
- jQuery框架-3.jQuery自定义封装插件和第三方插件
- Word 关闭 Passive Voice
- BZOJ 2612 [Poi2003]Sums(最短路)
- Luogu1261: 服务器储存信息问题
- Vue基础以及指令, Vue组件
- iOS和Android后台机制对比
热门文章
- Process Synchronization-Example 1
- CF #636 (Div. 3) 对应题号CF1343
- Codeforces Round #575 (Div. 3) 昨天的div3 补题
- JS 究竟是先有鸡还是有蛋,Object与Function究竟谁出现的更早,Function算不算Function的实例等问题杂谈
- 【Hadoop离线基础总结】MapReduce案例之自定义groupingComparator
- 【FreeRTOS实战汇总】小白博主的RTOS学习实战快速进阶之路(持续更新)
- STM32 外部中断详解(原理+配置代码)
- STM32 TIM 多通道互补PWM波形输出配置快速入门
- C# 数据操作系列 - 4. 自己实现一个ORM
- [Vue warn]: Missing required prop: ";value";