最近一直在忙一个跨端项目，好久没有来分享了。

今天给小伙伴们分享一个超哇塞的Vue3组件库NaiveUI。star高达6.3K+。

naive-ui 一款轻量级的基于Typescript的Vue3组件库。超过70+组件，支持多主题、国际化、服务端SSR渲染及JSX和TSX语法。

注意：naive-ui只支持vue3项目。

快速安装

npm i naive-ui -S
// 安装字体
npm i vfonts -D

引入使用

import { createApp } from 'vue'
import {
  // create naive ui
  create,
  // component
  NButton
} from 'naive-ui'

const naive = create({
  components: [NButton]
})

const app = createApp()
app.use(naive)

安装成功后在模板中使用。

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

支持性

支持主流Edge、Firefox、Chrome、Safari浏览器

Vue

只支持 Vue 3（>3.0.5）。

TypeScript

需要版本 > 4.1。

# 官网地址
https://www.naiveui.com/

# 仓库地址
https://github.com/TuSimple/naive-ui

OK，今天就分享到这里。如果大家有其它Vue3组件库，欢迎一起交流讨论哈~