懒惰的装载组件

在这个例子中:

组件/山点列表使用fetch从API获取数据并使用:

  • $ fetchtate.pending.在等待数据加载数据时显示加载消息。
  • $ fetchstate.error.如果组件不加载,则显示错误消息。

页面/ index.vue.显示如何通过以“懒惰”一词前缀,如何延迟加载组件。

nuxt.config.js.表明组件:真实用于自动导入组件。

在目录结构书中了解更多信息组件章节。

加载CodeSandBox ...