最近一直在忙一个跨端项目,好久没有来分享了。
今天给小伙伴们分享一个超哇塞的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)
安装成功后在模板中使用。
naive-ui按钮
支持性
支持主流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组件库,欢迎一起交流讨论哈~