前言:
众所周知,vue2中使用router非常简单,但是vue3中略微有些改变,这里来罗列下他的改变。
1、路由跳转
vue2
this.$router.push('/')
vue3
import { useRouter } from 'vue-router'
const router = useRouter()
router.push({ path: "/" });
2、页面使用watch监听router跳转
vue2:
watch: {
$route: {
handler: function (route) {
const query = route.query;
},
immediate: true,
},
},
vue3:
import { useRouter } from 'vue-router'
const router = useRouter()
watch(() =>
router.currentRoute.value.path,
(toPath) => {
//要执行的方法
const query = router.currentRoute.value.query;
},{immediate: true,deep: true})