vue vue3.x中vue-router

import { useRouter, useRoute } from 'vue-router'
import { onBeforeRouteLeave, onBeforeRouteUpdate } from 'vue-router'
import { RouterLink, useLink } from 'vue-router'

1、setup访问$router和$route
	export default {
	  setup() {
	    const router = useRouter()
	    const route = useRoute()
		
		(1)监听路由参数
			watch(
		      () => route.params,
		      async newParams => {
		        ...
		      }
		    )
		    
		(2)组件内导航守卫
			暂无enter守卫
			onBeforeRouteLeave((to, from) => {
				...
		    })
		    
		    onBeforeRouteUpdate(async (to, from) => {
		    	...
		    })
		
		(3)RouterLink
			先在组件的props中注册
			  props: {
			    ...RouterLink.props,
			  },
			  setup(props) {
			    const { route, href, isActive, isExactActive, navigate } = useLink(props)
				...
			    return { isExternalLink, href, navigate, isActive }
			  },
			
		
	  }
	}