Naive UI
Naive UI 是一个 Vue3 的组件库。官方链接 https://www.naiveui.com/zh-CN/light/docs/introduction
要了解如何安装，参见安装。
它比较完整，主题可调，用 TypeScript 写的，快。
看目前官方提供的组件，适合中后台类型的pc端管理界面。
比较完整
有超过 90 个组件，希望能帮你少写点代码。
顺便一提，它们全都可以 treeshaking。
主题可调
我们提供了一个使用 TypeScript 构建的先进的类型安全主题系统。你只需要提供一个样式覆盖的对象，剩下的都交给我们。
顺便一提，不用 less、sass、css 变量，也不用 webpack 的 loaders。以及你可以试试右下角的主题编辑器。
使用 TypeScript
Naive UI 全量使用 TypeScript 编写，和你的 TypeScript 项目无缝衔接。
顺便一提，你不需要导入任何 CSS 就能让组件正常工作。
快
我尽力让它不要太慢。至少 select、tree、transfer、table、cascader 都可以用虚拟列表。
顺便一提，...，没有顺便了。祝你使用愉快。
一、安装Naive UI
npm i -D naive-ui
然后安装Naive UI需要的字体 ：
npm i -D vfonts
二、如何使用
（1）局部安装（推荐）
你可以直接导入组件并使用它。这种情况下，只有导入的组件才会被打包。
<template>
<n-button>naive-ui</n-button>
</template>
<script>
import { defineComponent } from 'vue'
import { NButton } from 'naive-ui'
export default defineComponent({
components: {
NButton
}
})
</script> 如果你可以使用 setup script，你可以用下面的方式使用组件。
<template>
<n-button>naive-ui</n-button>
</template>
<script setup>
import { NButton } from 'naive-ui'
</script>（2）全局安装（不推荐）
安装全部组件，打包会有冗余代码。
import { createApp } from 'vue'
import naive from 'naive-ui'
const app = createApp(App)
app.use(naive)安装后，你可以这样使用全部组件。
<template>
<n-button>naive-ui</n-button>
</template>
三、支持的平台
IE 浏览器不支持。
Edge、Firefox、Chrome、Safari 等现代浏览器的最新的 2 个版本确保会被支持。
