vue-router4新特性
# 新版本引入
可能大家会想到路由跳转的问题,可能大家会以为还是用this.$router.push
来进行跳转,但是哦,在vue3中,这些东西是没有的,它是定义了一个vue-router
然后引入的useRoute
,useRouter
相当于vue2的 this.$route
,this.$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
2
3
4
5
6
7
8
9
10
11
12
13
14
上次更新: 2022/04/15, 05:41:28