vue-router4新特性

# 新版本引入

可能大家会想到路由跳转的问题,可能大家会以为还是用this.$router.push来进行跳转,但是哦,在vue3中,这些东西是没有的,它是定义了一个vue-router然后引入的useRoute,useRouter 相当于vue2的 this.$routethis.$router,然后其他之前vue2的操作都可以进行

import {useRouter,useRoute} from "vue-router";
setup(){
  const router= useRouter()
  const route= useRoute()
  function fn(){
    route.push('/about')
  }
  onMounted(()=>{
    console.log(route.query.code)
  })
  return{
    fn
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
上次更新: 2022/04/15, 05:41:28
×