[Vue3 warn]: inject() can only be used inside setup() or functional components

1. 使用useRouter, useRoute遇到的问题

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

export default {
  setup() {
    const handleClick = ({ key }) => {
      if (useRoute().path !== key) {
        useRouter().push(key);
      }
    };

    return {
      handleClick,
    };
  },
};
</script>

2. 报错警告

3. 正确用法

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

export default {
  setup() {
    const router = useRouter();
    const route = useRoute();
    const handleClick = ({ key }) => {
      if (route.path !== key) {
        router.push(key);
      }
    };

    return {
      handleClick,
    };
  },
};
</script>

暂作记录 欢迎大家评论区深入讨论