第七章：components 和 auto-import —— 演员库默认就接上了

1 分钟 169 字第 134 / 962 个阅读单元

Nuxt 的一个强体验点是自动导入。

在 app/components/ 下的组件，通常不需要你手写 import：

vue

<!-- app/components/AppAlert.vue -->
<template>
  <div class="alert">
    <slot />
  </div>
</template>

然后在页面里直接用：

vue

<!-- app/pages/index.vue -->
<template>
  <div>
    <h1>今晚新闻</h1>
    <AppAlert>这是一条头条提醒</AppAlert>
  </div>
</template>

这件事表面上只是少写几行 import，本质上是：

text

Nuxt 在帮你统一节目资源调度

也就是：

所以 Nuxt 给你的不是“偷懒”，而是工程组织的默认秩序。