vue3+ts----posicione la página de inicio en la página de inicio definida por usted mismo en lugar de la página predeterminada app.vue

vue3+ts----posicione la página de inicio en la página de inicio definida por usted mismo en lugar de la página predeterminada app.vue

En Vue Router, puede configurar la ruta predeterminada para lograr el efecto de acceder directamente a la página de inicio.

1. En la página de enrutamiento configurado, establezca lo siguiente:

import {
    
     createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
import Home from '../views/Home.vue'

const routes: Array<RouteRecordRaw> = [
  {
    
    
    path: '/',
    name: 'Home',
    component: Home
  }
]

const router = createRouter({
    
    
  history: createWebHistory(),
  routes
})

export default router

Usamos createWebHistory para crear el modo de historial de la ruta y luego definimos una ruta predeterminada que apunta al componente Inicio. De esta forma, cuando el usuario visite la raíz de la aplicación, el componente Home se mostrará por defecto.

2. En app.vue, debe usar componentes en la plantilla para representar los componentes correspondientes a la ruta actual.

<template>
  <div>
    <router-view></router-view>
  </div>
</template>

Después de los pasos anteriores, la página se puede escribir en home.vue.