vue2导航根据路由传值，而改变导航内容

在项目中，一般我们的导航都是长的基本一致，只是内容会根据上个页面的内容而改变。那么我们只需要把顶部导航作为独立的公共组件，这样方便哪里需要哪里引入组件即可。公共导航代码如下：（mineHeader.vue）

<template>
  <section class="listHeader">
    <section class="header" @click="back()">
      <img src="../../assets/main/back.png" alt="">
      <p>{
  {
  mineHeaderData}}</p>
    </section>
  </section>
</template>
<script>
export default {
    name: 'MineHeader',
    props:{
        mineHeaderData:String
    },
    data () {
        return {
            msg: "个人资料的头部"
        }
    },
    methods: {
        back: function(){
            this.$router.go('-1');