[Vue] Create Vue.js Layout and Navigation with Nuxt.js

Nuxt.js enables you to easily create layout and navigation by replacing the default App.vue template with your own _app.vue template. Then you simply surround your content with your navigation and/or layout and you're ready to go.

 

复制代码
<!-- _app.vue -->

<template>
    <nuxt-container>
        <nav>
            <router-link class="button" to="/">
                Home page
            </router-link>
            <router-link class="button" to="/about">
                About page
            </router-link>
        </nav>
        <nuxt></nuxt>
        <footer>
            THis is the footer
        </footer>
    </nuxt-container>
</template>
复制代码

 

Github

 

posted @   Zhentiw  阅读(292)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2014-12-06 [Node.js] Level 7. Persisting Data
点击右上角即可分享
微信分享提示