MeComponent

MeComponent基于 component 结合keepAlive``transition``doneProgress``suspense,而封装自定义组件。

组件props

props 类型 说明 必填
is 当 is 是字符串,它既可以是 HTML 标签名也可以是组件的注册名。或者,is 也可以直接绑定到组件的定义 会透传给compnent组件
keepAlive MeKeepAlive props Object 传给MeKeepAlive 的props对象,不传此值代表不开启KeepAlive缓存
componentKey string 自定义组件的key
transition TransitionProps props Object 传给Transition 的props对象,不传此值代表不开启Transition动画
doneProgress boolean 是否需要执行nProgress.done()
suspense SuspenseProps 异步组件

示例

vue 复制代码
<router-view v-slot="{ Component }">
      <me-component :is="Component" done-progress></me-component>
</router-view>