【前端路由】route和router的区别

route & router

首先，route是路由信息对象，包括path、params、hash、query、fullPath、matched、name等路由信息参数，如下图所示。

我在项目中这样去使用：

import { onMounted } from 'vue'
import { useRoute } from 'vue-router'

const route = useRoute()

onMounted(()=>{
	if(route.query.pingId){
		editId.value = route.query.pingId as string
	}
})

而router 是路由实例，对象包括路由的跳转方法，钩子函数等。

我在项目中做如下使用：

import router from '@/router'

const handleCancel = () => {
  router.push('/wnz/ping')
}