1.3.13 • Published 4 months ago
@0x30/vue-navigation v1.3.13
@0x30/vue-navigation
安装
pnpm install @0x30/vue-navigation
使用
初始化
component 方式
import { Navigator } from '@0x30/vue-navigation'
createApp(
<Navigator>
<Home />
</Navigator>
).mount('#app')
plugin 方式
import { navigation } from '@0x30/vue-navigation'
createApp(<Home />)
.use(navigation)
.mount('#app')
操作方法
import { push, replace, to } from '@0x30/vue-navigation'
/**
* 推出 一个 div 到当前之上
*/
push(<div />)
/**
* replace 当前
*/
replace(<div />)
/**
* repace 与 push 的辅助方式
*/
to(true)(<div />)
返回
import { back, blackBoxBack, backToHome } from '@0x30/vue-navigation'
/**
* 返回方法
*/
back()
/**
* 黑箱返回
* 当页面前往 一个页面后 可以移除掉一些之前的页面
*
* a -> b -> c -> d
* blackBoxBack(2)
* a -> d
*/
blackBoxBack()
/**
* 回到rootView
*/
backToHome()
hooks 方法
onWillAppear
页面即将出现,执行动画之前onDidAppear
页面已经出现,执行动画完成onWillDisappear
页面即将消失,执行动画之前onDidDisappear
页面已经消失,执行动画完成useTransitionEnter
进入动画配置useTransitionLeave
离开动画配置useLeaveBefore
页面返回之前的拦截方法useQuietPage
设置当前页面为安静的页面usePageMate
配置当前页面的 基础信息getCurrentPageMate
获取当前页面的 配置信息onPageChange
当前发生变化useProgressExitAnimated
配置渐进式动画
特殊说明
- 此库不是
router
,只是一种管理组件的方式 - 此库所有页面均活跃,这不是内存泄漏,这符合ios视图导航的设计
- 此库没有路由表,没有嵌套路由
- 此库假定所有的页面组件均为
fixed
,且大小与屏幕一致 - 此库只适用于极小众的项目,比如: 混合开发app内嵌的h5app
1.3.13
4 months ago
1.3.12
4 months ago
1.3.11
4 months ago
1.3.10
4 months ago
1.3.9
4 months ago
1.3.7
5 months ago
1.3.6
5 months ago
1.3.5
5 months ago
1.3.4
5 months ago
1.3.3
5 months ago
1.3.8
5 months ago
1.3.2
5 months ago
1.3.1
8 months ago
1.3.0
10 months ago
1.2.11
1 year ago
1.2.8
1 year ago
1.2.7
1 year ago
1.2.6
1 year ago
1.2.5
1 year ago
1.2.9
1 year ago
1.2.10
1 year ago
1.2.0
1 year ago
1.2.4
1 year ago
1.2.3
1 year ago
1.2.2
1 year ago
1.2.1
1 year ago
1.1.1
1 year ago
1.1.0
1 year ago
1.1.7
1 year ago
1.1.6
1 year ago
1.1.5
1 year ago
1.1.4
1 year ago
1.1.3
1 year ago
1.1.2
1 year ago
1.0.2
3 years ago
1.0.8
3 years ago
1.0.7
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.0.4
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago