带你用vue快速撸前端页面切换效果

5,370

前言

突然心血来潮想写点东西,写的不好莫喷。

大家有没有想过在web端实现原生app才有的切面切换效果,(例如:ios端的在苹果左侧右滑可以拖拽当前页面返回上一页)没想过的请跳过。

今天就手把手带你用vue实现切换效果。

开始

嗯,想法是有了,那么如何实现呢。vue官方提供了组件切换的过渡效果,不知道用来干什么的请先阅读官方文档。那么如果我每次打开新的页面(例:/page/a > /page/b)的时候时候缓存上一个页面,不就可以实现两个页面的拖拽效果?理论上是的。

实现原理

源码就不拿出来解析了,有兴趣的小伙伴可以去看源码 vue-hamal

快速开始

结尾

觉得有用就帮忙加个star吧