How to send a data from a child component to a parent in vue.js?

I have an application in vue.js I need to pass the data "nameComponent" of the following component:

<template>
  <div class="dash">
    <fish-row gutter="1">
      <fish-col type="fixed" :width="200"><h2>{{nameComponent}}</h2></fish-col>
    </fish-row>
  </div>
</template>

<script>
export default {
  name: 'Dash',
  data () {
    return {
      nameComponent: 'Dashboard'
    }
  }
}
</script>

the parent component in this case is App.vue

<template>
  <div id="app">
    <fish-layout class="demo">
      <div slot="header">
        <fish-row>
          <fish-col span="8">
            <h2><!--Aqui es donde quiero que valla el nameComponent --></h2>
          </fish-col>
          <fish-col span="8">
            <img alt="Vue logo" id="logo" src="./assets/logo.png">
          </fish-col>
          <fish-col span="8">
            <Search/>
          </fish-col>
        </fish-row>
      </div>
      <div slot="content">
        <router-view/>
      </div>
      <div slot="footer">
        <div id="nav">
          <router-link to="/"><fish-button size="medium" type="primary"><font-awesome-icon icon="tachometer-alt" /></fish-button></router-link> |
          <router-link to="/comunicator"><fish-button size="medium" type="primary"><font-awesome-icon icon="comment" /></fish-button></router-link> |
          <router-link to="/menu"><fish-button size="medium" type="primary"><font-awesome-icon icon="bars" /></fish-button></router-link>
        </div>
      </div>
    </fish-layout>
  </div>
</template>
<script>
  import Dash from '@/views/Dash.vue'
  import Search from '@/components/navbar/Search.vue'
  export default {
    components: {
      Search
    },
    data () {
      return {

      }
    }
  }
</script>

How can I show the component data?