记vue3中在hooks中使用useRoute， useRouter使用方法调用时获取不到对象的问题

import { useRouter, useRoute, } from 'vue-router'

const fn = () => {
    const route = useRoute()
    const router = useRouter()

    console.log(route, router)

}

这个在js文件里面引入并且调用的时候，会获取不到这两个对象看了vue-router的文档，发现是需要在setup的函数下使用才可以调用这两个对象。

解决思路：如何hooks不能直接获取到route的话可以在vue的setup函数调用的时候传入 

const fn = ({ route, router }) = {
    console.log(route, router),

    // 使用的方法
}