Vue3 关于router引起的[Vue warn]: inject() can only be used inside setup() or functional

这个警告信息表明你正在尝试在Vue 3的组件中使用inject()函数，但是错误地在组件的生命周期钩子之外使用了它。inject()函数应该只在setup()函数内部或者在其他组合式API如computed、reactive、ref等函数中使用。

解决方法：

1. 确保你在组件的setup()函数内部调用inject()。
2. 如果你正在使用Vue Router，确保你已经正确地在你的Vue应用中安装和配置了Vue Router。

示例代码：

import { inject, defineComponent, getCurrentInstance } from 'vue';
import { useRoute, useRouter } from 'vue-router';
 
export default defineComponent({
  setup() {
    // 正确使用inject
    const someInjectedThing = inject('someInjectedThing');
 
    // 正确使用Vue Router
    const router = useRouter();
    const route = useRoute();
 
    // 其他组合式API的使用
    const someReactiveData = ref('');
 
    // 你的其他逻辑代码
 
    return {
      someInjectedThing,
      someReactiveData,
      // 更多返回给模板使用的响应式数据
    };
  }
});

确保你的inject()调用位于setup()函数内部，并且不要在任何生命周期钩子之外调用它。如果你正在使用Vue Router，确保使用useRoute和useRouter这样的Composition API来代替this.$router和this.$route。