使用vue和css查看所有视图中的菜单

您好，我正在尝试在所有视图中实现我用css创建的菜单，例如在我的主视图中，我想调用它，因为我在web上看到了这样一个示例：

        <template>
        <Fragment>
        <menu></menu>
            <div class="portada">
                <menu></menu>
                <div id="desarrollofrontend">
                 Test Menu
                </div>
                <div class="text">
                    <h1>Test Menu Home</h1> 
                    <h3>Description home</h3>
                </div>
            </div>
        </Fragment>
        </template>

        <script>
        import menu from '../components/Head/menu.vue'

        export default {
            components: { menu }
        } 
        </script>

测试菜单
测试菜单主页
描述主页
从“../components/Head/menu.vue”导入菜单
导出默认值{
组件：{menu}
} 

但到目前为止，没有什么对我有效，我对这一点真的很陌生

这是我的主页视图，我用scss创建了菜单，在

标签中，这是我在web上看到的一些示例，但它对我不起作用

---

有什么建议可以让它起作用吗？

什么对我来说不起作用？请选中“请创建”以添加

组件的代码