cr/src/components/common/header.vue

<template>
<header>
	<div>
		<img src="@/assets/logo.jpg" />
        <ul :collapse="collapsed">
            <template v-for="item in menus">
            <li :key="item.desc"><router-link :to="item.path">{{item.desc}}</router-link></li>
            </template>
        </ul>
	</div>
</header>
</template>
<script>
let data = () => {
    return {
        collapsed: false,
        menus: []
    }
}

let initMenu = function() {
	for (let i in this.$router.options.routes[0].children) {
		let root = this.$router.options.routes[0].children[i]
		this.menus.push(root)
	}
}

export default {
    data: data,
    methods: {
        initMenu
    },
    mounted: function() {
        this.initMenu()
    }
}
</script>