组件自动引入

原来需要 import

html

<!-- src/pages/index.vue -->
<script setup lang="ts">
	import Hello from '../components/Hello.vue'
</script>

<template>
	<Hello />
</template>

现在只要在 src/components 下定义的组件都将会按需引入，即 import 是不需要的。

html

<!-- src/pages/index.vue -->
<template>
	<Hello />
</template>

当然也支持嵌套组件，例如 src/components/foo/bar.vue 👇

html

<!-- src/pages/index.vue -->
<template>
	<FooBar />
</template>

同时流行组件库自动引入也是支持的，例如 Naive ui。

只需安装依赖。

shell

pnpm add naive-ui

即可在模板中使用。

html

<!-- src/pages/index.vue -->
<template>
	<n-button type="success">Success</n-button>
</template>

目前支持的组件库有:

组件自动引入 ​