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.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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.