unplugin-vue-components 实现按需引入

unplugin-vue-components 是一个 Vue.js 组件的按需引入解决方案。通过在编译时分析模板和 JavaScript 代码，自动将 Vue.js 组件库中的组件按需加载，避免了引入整个组件库带来的性能和体积问题。

实现按需引入，需要以下几个步骤：
1. 安装 unplugin-vue-components 插件
2. 在 vite.config.js 或者 webpack.config.js 中添加 unplugin-vue-components 插件
3. 在组件库的入口文件中，注册组件
4. 在需要使用组件的地方，直接引入即可

以下是一个示例代码：

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import { VButton, VInput } from 'vuetify'

createApp(App)
  .use(VButton)
  .use(VInput)
  .mount('#app')

这里我们使用了 Vuetify 组件库中的 VButton 和 VInput 组件，通过在 main.js 文件中按需引入，可以避免引入整个 Vuetify 组件库带来的性能问题。