vue中头部写成公用组件

<template>
  <div>
    <top title="首页表题" class="top">
      <div slot="right">
      右边
      </div>
    </top>
    <div style="height:500px;" @click="toPh">点击</div>
  </div>
</template>
<script>
import top from ‘@/components/m-header.vue‘
export default {
  components: {
    top
  },
  name: ‘index‘,
  data() {
    return {
    };
  },
  created() {
    // if(this.$client.WEBKIT) {
    //   console.log(‘谷歌首页‘)
    // }
  },
  methods:{
    toPh() {
      this.$router.push({
        name: ‘father‘
      })
    },
  }
};
</script>