O Vue usa o roteamento para implementar uma interface de resposta que aparece na posição correspondente quando clicada

Quais são usados

本文为新手使用的更容易理解的单路由，并没有使用 二级路由
个人建议是使用二级路由来实现此效果

1. link do roteador
2. visão do roteador
3. Encaminhamento
4. Página principal
5. Componentes correspondentes

Primeiro passo

• Configure os subcomponentes correspondentes à rota

//-------------------------adminlog.vue-----------------------------------
<template>
    <div>你好</div>
</template>

<script>
export default {
    name:"adminlog"
}
</script>

<style scoped>

</style>

Segundo passo

• Defina o endereço de roteamento correspondente

//----------------------router ---> index.js-------------------------------------
    {
        path:"/adminlog",
        name:"adminlog",
        component:adminlog
    }

O terceiro passo

• Defina a rota correspondente para a página principal jump router-link

<router-link to="/adminlog">点击跳转</router-link>

• Configure o rótulo de exibição do roteador para exibir a página correspondente

<router-view></router-view>

Redação combinada

<template>
    <div>
		<router-link to="/adminlog">点击跳转</router-link>
		<div>
			<router-view></router-view>
		</div>
	</div>
</template>