Vue JS 2 связь компонентов, и доступ к data

Как связать компоненты и получить доступ к data. В проекте использую vue-route. Структура такая

component

a.vue

b.vue

c.vue

app.vue

main.js

использую es6 для связывания

import Vue from 'vue'
import VueRouter from 'vue-router'
import app from './app.vue'

app.vue получает данные к которым необходимо иметь доступ в других компонентах. Согласно документации доступ к ним нужно получать через props Что я и пытаюсь сделать. Компонент app.vue отображает часть шаблона и получает данные. Компонент a.vue доступен по route '/' Подключаю компонент app.vue к a.vue что бы получить доступ к его data.

import app from './../app.vue';
export default {
    component: {
        app
    },
    props: ['item', 'settings']
}

Но в props у меня undefined. В app.vue данные приходят и там в data все на месте. У меня подозрение что я не правильно связывают компоненты, и a.vue не знает откуда брать данные.

p.s надеюсь смог доступно изложить суть проблемы.