您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

API <nuxt>组件

<nuxt> 组件只适用于在布局中组件(即非布局)。

例子 (layouts/default.vue):

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

此prop将设置为<router-view />,可用于在动态和不同路由内进行过渡。

认: $route.path

有三种方式可以处理 <router-view /> 内部的 key。

1.nuxtChildKey :

<template>
   <div>
     <nuxt :nuxt-child-key="someKey"/>
   </div>
</template>

2.组件中的key选项:string 或 function

export default {
  key (route) {
    return route.fullPath
  }
}

3.组件中的watchQuery选项:boolean 或 string []

watchQuery选项中指定的会被用于构建key。如果watchQuery为true,则认使用fullPath。

此 prop 将提供给<router-view />使用,用于渲染命名视图。

认: default


联系我
置顶