Breaking Changes
- 由
JavaScript
,调整为安全使用typescript:4.0.3
重构。新版完全靠近 【vue-router-next】 - 新增了部分用处较大的
API
,同时也阉割掉了部分用处较少的API
。【详细见】 URL
传参得到了很好的解决,由手动选择encodeURI
模式调整为auto
。这意味着用户可随意放肆的传参!$Route
及next
管道函数同时新增NAVTYPE
、fullPath
。- 开启对
uni
原生方法的拦截。这意味着使用uni
原生方法和Router
实例跳转能达到同样的效果,不仅如此....APP
端nvue
页面也可以使用路由拦截。不过需要注意的是nvue
下 无法使用beforeRouteLeave
生命钩子,启动页也不能使用nvue
。 - 新的生命诞生保存,
routerBeforeEach
、routerAfterEach
、routerErrorEach
、resolveQuery
、parseQuery
、detectBeforeLock
。这标志着开发者能更自由的使用路由核心功能! - 等等 太多。。。。
Fixes and Features
- h5
ios
端 外部链接跳转回来白屏问题 #109 beforeRouteLeave
方法调用一次之后,不再二次触发的问题 #171- 小程序端参数带有特殊字符被编码后没解码回来 #172
- h5 非首页进入后 再次打开这个页面会二次执行生命周期 #177
- h5 端
vueRouterDev:false
情况下 vue-router 全部功能可用 - 等等 太多。。。。
Known Issues
APP
端 tab 拦截后无法自动还原 选中区域,现需要开发者自行设置APP
端 路由构建参数animation
目前是无效的,可以在跳转方法中设置
Add
太多啦,不写啦!后面文档说。。。。
Migrating a v1.x project
- 调整以前使用
new
关键字到Function
构造// router/index.js import Vue from 'vue' import {RouterMount,createRouter} from 'uni-simple-router' const router = createRouter({ platform: process.env.VUE_APP_PLATFORM, routes: [...modules] }) router.beforeEach((to, from, next) => { next() }) router.afterEach((to, from) => { }) Vue.use(router); export { router, RouterMount }
- 新的挂载方式,传入
router
示例挂载。
//main.js
import Vue from 'vue'
import App from './App'
import {router,RouterMount} from './router'
App.mpType = 'app'
const app = new Vue({
...App
})
// #ifdef H5
RouterMount(app,router,'#app')
// #endif
// #ifndef H5
app.$mount(); //为了兼容小程序及app端必须这样写才有效果
// #endif
1 个评论
要回复文章请先登录或注册
zhaoyu2020