vue3.x中useRouter()执行后返回值是undefined问题

useRouter一定要放在setup方法内的顶层，否则作用域改变useRouter()执行返回的是undefined。

正确使用

<script setup>
import { useRouter } from 'vue-router';
const router = useRouter();
const toLogin = () => {
    router.push({ name: 'login' });
};
</script>

错误使用

<script setup>
import { useRouter } from 'vue-router';
const toLogin = () => {
	const router = useRouter(); //router为 undefine
    router.push({ name: 'login' });
};
</script>

如果需要在其他js文件的非setup中使用路由对象，可以直接引用createRouter()创建的路由对象。