Bom,eu criei um Root Component chamado de Index.vue e nele eu registrei 3 components
<template>
<v-app>
<Login />
<Agree />
<Validation />
</v-app>
</template>
<script>
export default {
components:{
Login: () => import('./components/Login'),
Agree: () => import('./components/Agree-Term')
Validation: () => import('./components/Validation')
}
}
</script>
O que eu gostaria de fazer são transições, mas sem as "animações", bom, eu tenho uma transição dentro do componente Login, eu tentei realizar a transição por componentes e não consegui fazer.
A questão é, vamos supor que eu eu tenha uma propriedade visibility em cada componente e que o unico que não tenha é o Login
, após resolver a function submit dentro do Login, ele enviaria um prop para dizer para o component Agree
se "revelar" e assim sucessivamente. Não sei se isso é possível alguém pode ajudar nessa dúvida? Eu li um pouco de componentes dinâmicos, mas ainda sim estou um pouco confuso.
vue-router
nav
, eu gostaria de que ação acontecesse dentro de cada component, tem algum exemplo?