使用Nuxt.js进行条件延迟加载

Question

Nuxt.js通过在组件名称前加lazy-，支持组件延迟加载。但是，除了用v-if/else复制代码之外，还有条件延迟加载吗？

例如，像这样的东西？

<list :lazy="shouldBeLazyLoaded">
...some complex markup
</list>

目前我是这样做的：

<lazy-list v-if="shouldBeLazyLoaded">
...some complex markup
</lazy-list>
<list v-else>
...some complex markup
<list>

Answer 1

也许你可以使用Vue的动态组件来实现这一点：

<component v-bind:is="shouldBeLazyLoaded ? 'lazy-list' : 'list'">
...some complex markup
</component>