nuxt.js 3 components 组件

自动注册 components

1. 在componen\*.vue会自动注册到全局

components\ComFooter.vue在页面中使用:

<!-- 文件名是什么组件就是什么 -->
<ComFooter />

components\com-footer.vue在页面中使用:

<!-- 文件名是什么组件就是什么 -->
<com-footer />

多级文件夹

components\base\test\Button.vue在页面中使用:

<BaseTestButton/>

懒加载

在使用组件时前面加上Lazy即可,components\ComFooter.vue在页面中使用:

<LazyComFooter />