本文档介绍了uni-app的路由管理，包括$Router.push、$Router.replace、$Router.replaceAll、$Router.pushTab和$Router.back的使用。此外，还讨论了接口API的统一管理和Mock数据的设置，提供了一个统一接口库的示例以及如何调用和拦截mock请求。
uni-demo
uni-demo包含router管理，tabbar案例，登录跳转，uview库组件使用，api封装、mock数据、crypto-js的加密测试、组件传值、store的登陆管理等demo案例
我觉得你不懂uni-app不要紧，down下来这个demo就能明白真实的vue写法，开箱即用。
安装
npm install 必须使用npm镜像，cnpm可能会导致错误
运行
下载使用HBuildX，插件市场安装node-sass，点击运行
router的使用
关于router的替换声明，为更好的router拦截跳转，不再使用uni进行跳转，我们更加推荐有一个类vue的开发风格习惯
this.$Router.push 等同 uni.navgateTo()
这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。
/ /字符串
this.$Router.push('/pages/router/router1')
// 对象
this.$Router.push({path:'/pages/router/router1'})
// 命名的路由
this.$Router.push({ name: 'router1', params: { userId: '123' }})
// 带查询参数，变成 /router1?plan=private
this.$Router.push({ path: 'router1', query: {
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
