博客园比较啃爹啊,随笔只能手写,之前写在有道云笔记里面的内容也复制不了,忧伤.....

长话短说,看官方的transition 的讲解,可能是内容太多了,或者就是本人太辣鸡了,看的有点懵逼,但是项目中有需要使用,套用了官方的例子,勉强算是完成了想要的效果,

回过头来总结一波还是有必要的,,刚开始看到有6个属性的时候,我是拒绝的,纳尼,6个,这谁顶得住啊,不过好在有一张图,一图胜千言呐,

更具图呢,将6个属性两两分组,分成三组来看待,

Enter的 头和leave的尾一组, 就是刚进的初始状态跟离开的结束状态,这两表现是一致的

Enter的尾和Leave的头一组,进去的结束状态和离开的开始状态,也是一致的

这让我不得不想起一句话,你荣耀的定点就是你进入下坡的起点,这个设计还是很有哲理的,对吧

然后就是v-enter-active跟 v-leave-active这两货了,这两个主要就是用来设置过渡的持续时间以及过渡的表现形式(缓动还是匀速...)

这样,一般的过渡效果就可以完成了。

感谢各位看官的收看,如果写得不好的,尽管提意见,谢谢啦!!!

最新文章

  1. Duilib开发环境搭建
  2. oracle 字符串
  3. 初试TinyIoCContainer笔记
  4. 过河问题nyoj47
  5. shell常用代码
  6. WPF:定制Checkbox样式,让“正确”绿得好看,让“错误”红的显眼
  7. SSIS -->> Variable
  8. ubuntu下双网卡桥接
  9. 初学Python——软件目录结构规范
  10. oracle sql developer怎么创建用户
  11. 微信小程序wxss的background本地图片问题
  12. 模拟远程SSH执行命令的编解码说明
  13. Java学习--数组与方法
  14. django2笔记:路由path语法
  15. jQuery框架-3.jQuery自定义封装插件和第三方插件
  16. Word 关闭 Passive Voice
  17. BZOJ 2612 [Poi2003]Sums(最短路)
  18. Luogu1261: 服务器储存信息问题
  19. Vue基础以及指令, Vue组件
  20. iOS和Android后台机制对比

热门文章

  1. Process Synchronization-Example 1
  2. CF #636 (Div. 3) 对应题号CF1343
  3. Codeforces Round #575 (Div. 3) 昨天的div3 补题
  4. JS 究竟是先有鸡还是有蛋,Object与Function究竟谁出现的更早,Function算不算Function的实例等问题杂谈
  5. 【Hadoop离线基础总结】MapReduce案例之自定义groupingComparator
  6. 【FreeRTOS实战汇总】小白博主的RTOS学习实战快速进阶之路(持续更新)
  7. STM32 外部中断详解(原理+配置代码)
  8. STM32 TIM 多通道互补PWM波形输出配置快速入门
  9. C# 数据操作系列 - 4. 自己实现一个ORM
  10. [Vue warn]: Missing required prop: "value"