Tenho a seguinte estrutura no meu projeto
1. App.vue (Arquivo principal)
2. App.vue (outro arquivo que fica dentro da pasta paginas)
3. Dashboard.vue (filho do 2 app.vue)
Dentro do meu segundo app.vue eu chamo o component Menu
, a questão é, como eu faria para passar os dados para o component Menu
?
OBS: É um dashboard, e ao logar, tenho os dados do usuario, que quero colocar no Menu
index.js
export default new Router({
mode: 'history',
routes: [
{
path: '/',
name: 'Login',
component: Login
},
{
path: '/dashboard',
name: 'Dashboard',
children: [
{
name: 'DashboardA',
path: '/',
component: Dashboard,
meta: { requiresAuth: true }
},
{
path: '/cardapio',
name: 'Cardapio',
component: Itens
},
{
path: '/categorias',
name: 'Categorias',
component: Categorias
},
{
path: '/categorias',
name: 'Categorias',
component: Categorias
},
{
path: '/subcategorias',
name: 'SubCategorias',
component: SubCategorias
},
{
path: '/clientes',
name: 'Clientes',
component: Clientes
}
],
component: AppDashboard
}
]
})
Eu sei que, se eu chamo o componente na pagina, consigo passar dados via props
, mas nesse caso, que vou para o Dashboard
, mas o menu está em App.vue
, como faria?
vuex