Naive UI

Naive UI中文文档官方网址：https://www.naiveui.com/zh-CN/os-theme/docs/installation

Naive UI 是一个基于 Vue 3 和 TypeScript 开发的轻量级 UI 组件库，由图森未来公司开发并开源。它提供了超过80个组件，覆盖了表格、表单、弹窗、图表等多个方面，这些组件不仅功能强大，而且高度可定制化，满足了各种业务需求。

Naive UI 的设计简洁直观，易于上手，文档清晰，强调性能优化，运行速度快且高效。此外，Naive UI 提供了一个先进的类型安全主题系统，通过简单的样式覆盖，开发者可以轻松定制应用的主题，实现品牌统一和个性化定制，无需使用 less、sass、css 变量或 webpack 的 load 者。

Naive UI 还支持按需引入组件，减少了不必要的资源消耗，并且所有组件都可以 treeshaking，进一步提高了项目的打包效率。它的组件丰富完整，适合不同需求的开发者使用。

使用 npm 安装

npm i -D naive-ui

直接引入（推荐）

<template>
  <n-button>naive-ui</n-button>
</template>

<script>
  import { defineComponent } from 'vue'
  import { NButton } from 'naive-ui'

  export default defineComponent({
    components: {
      NButton
    }
  })
</script>