帶你用vue快速擼前端頁面切換效果

• 完整項目地址：vue-hamal
• 項目在線例子：liangfuzhi.github.io/vue-hamal/d…

前言

忽然心血來潮想寫點東西，寫的很差莫噴。

你們有沒有想過在web端實現原生app纔有的切面切換效果，（例如：ios端的在蘋果左側右滑能夠拖拽當前頁面返回上一頁）沒想過的請跳過。

今天就手把手帶你用vue實現切換效果。

開始

嗯，想法是有了，那麼如何實現呢。vue官方提供了組件切換的過渡效果，不知道用來幹什麼的請先閱讀官方文檔。那麼若是我每次打開新的頁面（例：/page/a > /page/b）的時候時候緩存上一個頁面，不就能夠實現兩個頁面的拖拽效果？理論上是的。

實現原理

源碼就不拿出來解析了，有興趣的小夥伴能夠去看源碼 vue-hamal

快速開始

• 項目在線文檔：liangfuzhi.github.io/vue-hamal/d…

結尾

以爲有用就幫忙加個star吧