程序员求职经验分享与学习资料整理平台

网站首页 > 文章精选 正文

超惊艳 Vue3.x 组件库Na"ive UI(vue的组件库是什么)

balukai 2025-04-08 11:45:57 文章精选 9 ℃

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

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

naive-ui 一款轻量级的基于TypescriptVue3组件库。超过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)

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


支持性

支持主流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组件库,欢迎一起交流讨论哈~

Tags:

最近发表
标签列表