Impossible d'utiliser les dépendances router.push et unplugin-vue-router dans Vue 3

Question

J'essaie de migrer un projet Vue 2 vers Vue 3, dans le projet Vue 3, il possède une bibliothèque appelée "unplugin-vue-router", qui est un routage automatique basé sur des fichiers dans Vue qui prend en charge TS. Mais il existe les méthodes suivantes dans la page de connexion précédente de vue 2 (vue-router) :

created() {
     if (this.loggedIn) {
        this.$router.push('/projects');
     }
}

J'ai donc essayé de le réécrire dans Vue 3 :

onMounted(() => {
  if (loggedIn) {
    router.push('/projects');
  }
});

Mais l'erreur s'affiche : Nom "router".ts(2304) introuvable

Ma question est donc de savoir comment le réécrire et le faire fonctionner avec vue 3 et où puis-je modifier la configuration de unplugin-vue-router.

Answer 1

Importé dans le composition-api router中是从vue-routerplugin.

Pour pouvoir l'utiliser, vous devez le déclarer comme suit

import { userouter } from "vue-router";

const router = useRouter();
onMounted(() => {
  if (loggedIn) {
    router.push('/projects');
  }
});

Consultez vue-router pour plus de détails.