路由 守卫、跳转

路由:

        1、路由守卫

            全局守卫

        beforeEach 前置守卫

        afterEach 后置守卫

        beforeResolve 解析守卫

            组件级守卫

        beforeRouteEnter 进入之前

        beforeRouteUpdate 更新之前

        beforeRouteLeave 离开之前

            独享守卫

        beforeEnter 进入之前

路由跳转

            原生的html/js:

                1.声明式导航    a(用来跳转下载)  href()

                2.编程式导航    location.href

            小程序:

                1.声明式导航    navigator  url

                2.编程式导航    wx.navigatorTo  wx.switchTab ...

            veu:

                1.声明式导航    router-link(用to属性跳转)

                2.编程式导航    router.push('/')    

vue3页面跳转

                import {useRouter} from "vue-router"

                const router=useRouter

                router.push('/')

                router.replace('/')A页面切换到B页面 再从B页面跳到C页面, B页面被替换返回到A页面

                router.go(1)

                router.back()  返回

            传参数:

                1.query

                2.params

                3.动态路由传参数

  • 22
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值