Nuxt.js 内置组件

一、nuxt 组件

该组件只适用于在布局中显示页面组件

例子 (layouts/default.vue)：

<template>
  <div>
    <div>页头</div>
    <nuxt />
    <div>页脚</div>
  </div>
</template>

二、nuxt-child 组件

该组件用于显示嵌套路由场景下的页面内容

~pages/home.vue

<template>
  <div>
    管理系统页面
    <nuxt-link to="/home/homepage">首页</nuxt-link>
    <nuxt-link to="/home/user/12">用户页</nuxt-link>
    <nuxt-child />
  </div>
</template>

三、nuxt-link 组件

nuxt-link组件用于在页面中添加链接至别的页面

目前 <nuxt-link> 的作用和 <router-link> 一致