vue.js性能问题-缓慢加载菜单

Question

我正在使用Vue.js v2.6.11，在加载菜单时遇到性能问题。 我需要尽快加载菜单，但目前要花费生产服务器加载1秒钟以上的时间。下面是我当前加载菜单的代码。

有什么办法可以使菜单加载成为最优先的事情？我尝试了一次，但是菜单没有显示

提前谢谢。

Vuejs

var app = new Vue({
    el: '#app',
    i18n,
    data: {
    ...
        menus: [],
    ...
    },
    methods: {
        ...
    },
    async mounted() {
    ...
        axios.get("...../getMenus")
            .then(response => { this.menus = response.data; });
        ...
    },
    computed: {
        ...
    }
});

HTML

<li class="nav-item dropdown" v-for="m in menus.top" v-cloak>
    <a v-if="m.childs.length > 0" class="nav-link text-white dropdown-toggle" :href="m.m_link" :target="m.m_target" :id="m.m_id" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{m.m_name}}</a>
    <a v-else class="nav-link text-white" :target="m.m_target" :href="m.m_link">{{m.m_name}}</a>
    <div v-if="m.childs.length > 0" class="dropdown-menu" :aria-labelledby="m.m_id">
        <a class="dropdown-item" :href="sm.m_link" :target="m.sm_target" v-for="sm in m.childs">{{sm.m_name}}</a>
    </div>
</li>