Nuxt3中使用的注意事项

425 阅读1分钟
  • 并不是所有UI框架都支持服务端渲染(SSR),即便是支持SSR的UI框架也有部分组件可能不支持SSR;例如:element-plus中的日期组件就不支持服务端渲染,使用时需要将其包裹到 <client-only></client-only> 中,以使其仅在客户端渲染;
  • 路由出口使用<NuxtPage />,相当于Vue中的 <router-view />,默认指向 /pages/index.vue 页面;
  • Nuxt3中组件只能有一个根元素;
  • layouts/ 目录下名称为 default.vue 的文件为默认布局组件,所有的布局组件中都需要提供一个插槽,在页面中通过 <NuxtLayout> 标签使用布局组件,<NuxtLayout> 标签不能作为页面根元素;;